format fixes

Author: idanidan29

components/StyledMarkdownBlock.tsx

@@ -131,7 +131,7 @@ export const StyledMarkdownBlock = ({ markdown }: StyledMarkdownBlockProps) => {
                       {children}
                     </table>
                   </div>
-                  
+
                   {/* Mobile Table */}
                   <div className='lg:hidden'>
                     <div className='bg-white dark:bg-slate-800 border border-gray-200'>
@@ -152,9 +152,7 @@ export const StyledMarkdownBlock = ({ markdown }: StyledMarkdownBlockProps) => {
                       {children}
                     </thead>
                     {/* Mobile Header - hidden on mobile as we'll show data in cards */}
-                    <thead className='lg:hidden hidden'>
-                      {children}
-                    </thead>
+                    <thead className='lg:hidden hidden'>{children}</thead>
                   </>
                 );
               },
@@ -179,7 +177,9 @@ export const StyledMarkdownBlock = ({ markdown }: StyledMarkdownBlockProps) => {
                 const headerTexts: string[] = [];
                 React.Children.forEach(children, (child) => {
                   if (React.isValidElement(child) && child.type === 'th') {
-                    const childProps = child.props as { children?: React.ReactNode };
+                    const childProps = child.props as {
+                      children?: React.ReactNode;
+                    };
                     if (childProps.children) {
                       headerTexts.push(String(childProps.children));
                     }
@@ -192,16 +192,22 @@ export const StyledMarkdownBlock = ({ markdown }: StyledMarkdownBlockProps) => {
                     <tr className='hidden lg:table-row even:bg-blue-50 dark:even:bg-slate-900 even:bg-opacity-40'>
                       {children}
                     </tr>
-                    
+
                     {/* Mobile Row - Card Layout */}
                     <tr className='lg:hidden table-row'>
                       <td className='p-4 border-b border-gray-200'>
                         <div className='space-y-2'>
                           {React.Children.map(children, (child, index) => {
-                            if (React.isValidElement(child) && child.type === 'td') {
-                              const childProps = child.props as { children?: React.ReactNode };
+                            if (
+                              React.isValidElement(child) &&
+                              child.type === 'td'
+                            ) {
+                              const childProps = child.props as {
+                                children?: React.ReactNode;
+                              };
                               if (childProps.children) {
-                                const headerText = headerTexts[index] || `Column ${index + 1}`;
+                                const headerText =
+                                  headerTexts[index] || `Column ${index + 1}`;
                                 return (
                                   <div key={index} className='flex flex-col'>
                                     <div className='text-sm font-medium text-gray-600 dark:text-gray-300 mb-1'>