format code

Author: Dakshsharma1108

src/pages/More.tsx

@@ -162,7 +162,9 @@ const MorePage: React.FC = () => {
             <div className="bg-gray-50 p-4 rounded-lg shadow-md">
               {/* Category Navigation */}
               <div className="mb-6">
-                <h3 className="font-bold text-xl mb-2 text-gray-900">Categories</h3>
+                <h3 className="font-bold text-xl mb-2 text-gray-900">
+                  Categories
+                </h3>
                 <div className="flex flex-wrap gap-2">
                   {categories.map((category) => (
                     <button

src/utils/MarkdownRenderer.tsx

@@ -344,10 +344,7 @@ const MarkdownRenderer: React.FC<MarkdownRendererProps> = ({
     h6: createHeading('h6'),
 
     p: ({ children, ...props }) => (
-      <p
-        {...props}
-        className="my-4 text-gray-700 leading-relaxed"
-      >
+      <p {...props} className="my-4 text-gray-700 leading-relaxed">
         {children}
       </p>
     ),
@@ -531,10 +528,7 @@ const MarkdownRenderer: React.FC<MarkdownRendererProps> = ({
       </ol>
     ),
     li: ({ children, ...props }) => (
-      <li
-        {...props}
-        className="text-gray-700 leading-relaxed"
-      >
+      <li {...props} className="text-gray-700 leading-relaxed">
         {children}
       </li>
     ),
@@ -573,10 +567,7 @@ const MarkdownRenderer: React.FC<MarkdownRendererProps> = ({
     },
 
     strong: ({ children, ...props }) => (
-      <strong
-        {...props}
-        className="font-semibold text-gray-900"
-      >
+      <strong {...props} className="font-semibold text-gray-900">
         {children}
       </strong>
     ),