chore(blog): improve image quality and fix list item alignment; fix(hero): refactor title rendering to resolve console error; bump version to 2.0.3

components/PayloadRichText.tsx

@@ -42,7 +42,7 @@ const jsxConverters: JSXConverters = {
   // Use div instead of p for paragraphs to allow nested block elements (like the lists above)
   paragraph: ({ node, nodesToJSX }: any) => {
     return (
-      <div className="mb-6 leading-relaxed text-text-secondary">
+      <div className="mb-4 md:mb-6 leading-relaxed text-text-secondary last:mb-0">
         {nodesToJSX({ nodes: node.children })}
       </div>
     );
@@ -77,7 +77,7 @@ const jsxConverters: JSXConverters = {
     const children = nodesToJSX({ nodes: node.children });
     if (node?.listType === 'number') {
       return (
-        <ol className="list-decimal pl-6 my-6 space-y-2 text-text-secondary marker:text-primary marker:font-bold">
+        <ol className="list-decimal pl-4 space-y-2 text-text-secondary marker:text-primary marker:font-bold prose-p:mb-0">
           {children}
         </ol>
       );
@@ -86,7 +86,7 @@ const jsxConverters: JSXConverters = {
       return <ul className="list-none pl-0 my-6 space-y-2 text-text-secondary">{children}</ul>;
     }
     return (
-      <ul className="list-disc pl-6 my-6 space-y-2 text-text-secondary marker:text-primary">
+      <ul className="list-disc pl-4 space-y-2 text-text-secondary marker:text-primary prose-p:mb-0">
         {children}
       </ul>
     );