Refactor tests, documentation, and component code for consistent formatting and improved readability

- Reformatted test files (`RegistrationActivityChart.test.tsx`, `DemoCredentialsModal.test.tsx`) for indentation consistency.
- Reduced inline style verbosity across components and docs (`DemoModeBanner`, `CodeBlock`, `MarkdownContent`).
- Enhanced Markdown documentation (`sync-msw-with-openapi.md`, `MSW_AUTO_GENERATION.md`) with spacing updates for improved clarity.
- Updated MSW configuration to simplify locale route handling in `browser.ts`.

frontend/src/components/demo/DemoModeBanner.tsx

@@ -11,11 +11,7 @@ import { useState } from 'react';
 import config from '@/config/app.config';
 import { Sparkles } from 'lucide-react';
 import { Badge } from '@/components/ui/badge';
-import {
-  Popover,
-  PopoverContent,
-  PopoverTrigger,
-} from '@/components/ui/popover';
+import { Popover, PopoverContent, PopoverTrigger } from '@/components/ui/popover';
 
 export function DemoModeBanner() {
   // Only show in demo mode

frontend/src/components/docs/CodeBlock.tsx

@@ -55,11 +55,7 @@ export function CodeBlock({ children, className, title }: CodeBlockProps) {
           onClick={handleCopy}
           aria-label="Copy code"
         >
-          {copied ? (
-            <Check className="h-4 w-4 text-green-500" />
-          ) : (
-            <Copy className="h-4 w-4" />
-          )}
+          {copied ? <Check className="h-4 w-4 text-green-500" /> : <Copy className="h-4 w-4" />}
         </Button>
       </div>
     </div>

frontend/src/components/docs/MarkdownContent.tsx

@@ -136,7 +136,10 @@ export function MarkdownContent({ content, className }: MarkdownContentProps) {
               return (
                 <a
                   href={href}
-                  className={cn("opacity-0 group-hover:opacity-100 transition-opacity text-muted-foreground hover:text-primary ml-2 no-underline", className)}
+                  className={cn(
+                    'opacity-0 group-hover:opacity-100 transition-opacity text-muted-foreground hover:text-primary ml-2 no-underline',
+                    className
+                  )}
                   {...props}
                 >
                   {children}
@@ -147,7 +150,10 @@ export function MarkdownContent({ content, className }: MarkdownContentProps) {
             return (
               <a
                 href={href}
-                className={cn("font-medium text-primary underline decoration-primary/30 underline-offset-4 hover:decoration-primary/60 hover:text-primary/90 transition-all", className)}
+                className={cn(
+                  'font-medium text-primary underline decoration-primary/30 underline-offset-4 hover:decoration-primary/60 hover:text-primary/90 transition-all',
+                  className
+                )}
                 {...props}
               >
                 {children}

frontend/src/mocks/browser.ts

@@ -68,7 +68,12 @@ export async function startMockServiceWorker() {
         }
 
         // Ignore locale routes (Next.js i18n)
-        if (url.pathname === '/en' || url.pathname === '/it' || url.pathname.startsWith('/en/') || url.pathname.startsWith('/it/')) {
+        if (
+          url.pathname === '/en' ||
+          url.pathname === '/it' ||
+          url.pathname.startsWith('/en/') ||
+          url.pathname.startsWith('/it/')
+        ) {
           return;
         }