style: fix code formatting issues

- Run prettier formatter to fix linting violations
- Ensure consistent code style across all files

Author: Ruthwik000

src/main.tsx

@@ -4,22 +4,22 @@ import App from '@/App';
 import '@/styles/globals.css';
 import '@/utils/copy-code';
 
-// Suppress React DOM nesting warnings in development 
+// Suppress React DOM nesting warnings in development
 if (import.meta.env.DEV) {
   const originalError = console.error;
   const originalWarn = console.warn;
-  
+
   const suppressedPatterns = [
     // HTML nesting validation errors
     /In HTML, .* cannot be a descendant of/,
     /cannot contain a nested/,
     /This will cause a hydration error/,
-    
+
     // General DOM nesting warnings
     /Warning: validateDOMNesting/,
     /cannot appear as a child of/,
     /cannot appear as a descendant of/,
-    
+
     // Specific element warnings
     /<img> cannot appear as a child of <p>/,
     /<iframe> cannot appear as a child of <p>/,
@@ -28,41 +28,43 @@ if (import.meta.env.DEV) {
     /<span> cannot appear as a child of <p>/,
     /<details> cannot appear as a child of <p>/,
     /<summary> cannot appear as a child of <p>/,
-    
+
     // React hydration warnings
     /Warning: Text content did not match/,
     /Warning: Prop .* did not match/,
     /Warning: Expected server HTML to contain/,
-    
+
     // Any warning containing "validateDOMNesting"
     /validateDOMNesting/,
   ];
-  
+
   console.error = (...args: any[]) => {
     const message = args.join(' ');
-    const shouldSuppress = suppressedPatterns.some(pattern => pattern.test(message)) ||
+    const shouldSuppress =
+      suppressedPatterns.some((pattern) => pattern.test(message)) ||
       message.includes('validateDOMNesting') ||
       message.includes('cannot appear as a child') ||
       message.includes('cannot appear as a descendant') ||
       message.includes('cannot be a descendant of') ||
       message.includes('cannot contain a nested') ||
       message.includes('This will cause a hydration error');
-    
+
     if (!shouldSuppress) {
       originalError.apply(console, args);
     }
   };
-  
+
   console.warn = (...args: any[]) => {
     const message = args.join(' ');
-    const shouldSuppress = suppressedPatterns.some(pattern => pattern.test(message)) ||
+    const shouldSuppress =
+      suppressedPatterns.some((pattern) => pattern.test(message)) ||
       message.includes('validateDOMNesting') ||
       message.includes('cannot appear as a child') ||
       message.includes('cannot appear as a descendant') ||
       message.includes('cannot be a descendant of') ||
       message.includes('cannot contain a nested') ||
       message.includes('This will cause a hydration error');
-    
+
     if (!shouldSuppress) {
       originalWarn.apply(console, args);
     }

src/utils/MarkdownRenderer.tsx

@@ -168,8 +168,8 @@ const processMarkdownContent = (content: string): string => {
   processed = processed.replace(
     /:::details\s+(.*?)\n([\s\S]*?):::/gim,
     '<details class="my-4 border border-gray-200 rounded-lg overflow-hidden bg-white">' +
-    '<summary class="bg-gray-50 px-4 py-3 cursor-pointer font-medium text-gray-800 hover:bg-gray-100 transition-colors border-b border-gray-200">$1</summary>' +
-    '<div class="px-4 py-3 text-gray-700">$2</div></details>',
+      '<summary class="bg-gray-50 px-4 py-3 cursor-pointer font-medium text-gray-800 hover:bg-gray-100 transition-colors border-b border-gray-200">$1</summary>' +
+      '<div class="px-4 py-3 text-gray-700">$2</div></details>',
   );
 
   // GitHub-style alerts
@@ -205,7 +205,6 @@ const MarkdownRenderer: React.FC<MarkdownRendererProps> = ({
   setZoomableImages,
   frontmatter,
 }) => {
-
   const processedContent = useMemo(
     () => processMarkdownContent(content),
     [content],
@@ -322,19 +321,19 @@ const MarkdownRenderer: React.FC<MarkdownRendererProps> = ({
 
   const createHeading =
     (level: keyof typeof headingClasses) =>
-      ({
-        children,
-        ...props
-      }: React.HTMLAttributes<HTMLHeadingElement> & {
-        children?: React.ReactNode;
-      }) => {
-        const Tag = level;
-        return (
-          <Tag {...props} className={headingClasses[level]}>
-            {children}
-          </Tag>
-        );
-      };
+    ({
+      children,
+      ...props
+    }: React.HTMLAttributes<HTMLHeadingElement> & {
+      children?: React.ReactNode;
+    }) => {
+      const Tag = level;
+      return (
+        <Tag {...props} className={headingClasses[level]}>
+          {children}
+        </Tag>
+      );
+    };
 
   const components: Components = {
     h1: createHeading('h1'),