Improve code consistency and documentation readability

- Standardized Markdown formatting across documentation files.
- Fixed inconsistent usage of inline code blocks and improved syntax clarity.
- Updated tests and JSX for cleaner formatting and better readability.
- Adjusted E2E test navigation handlers for multiline code consistency.
- Simplified TypeScript configuration and organized JSON structure for better maintainability.

frontend/src/app/[locale]/demos/page.tsx

@@ -27,8 +27,7 @@ import { Separator } from '@/components/ui/separator';
 
 export const metadata: Metadata = {
   title: 'Demo Tour | PragmaStack',
-  description:
-    'Try all features with demo credentials - comprehensive guide to the PragmaStack',
+  description: 'Try all features with demo credentials - comprehensive guide to the PragmaStack',
 };
 
 const demoCategories = [

frontend/src/app/globals.css

@@ -218,4 +218,4 @@ button:disabled,
 a[aria-disabled='true'],
 select:disabled {
   cursor: not-allowed;
-}
+}

frontend/src/components/home/AnimatedTerminal.tsx

@@ -105,14 +105,15 @@ export function AnimatedTerminal() {
                   initial={{ opacity: 0 }}
                   animate={{ opacity: 1 }}
                   transition={{ duration: 0.2 }}
-                  className={`${line.isSuccess
+                  className={`${
+                    line.isSuccess
                       ? 'text-success'
                       : line.text.startsWith('#')
                         ? 'text-slate-500'
                         : line.text.startsWith('$')
                           ? 'text-primary'
                           : 'text-slate-300'
-                    }`}
+                  }`}
                 >
                   {line.text || '\u00A0'}
                   {index === displayedLines.length - 1 && isAnimating && !line.isSuccess && (

frontend/src/components/home/PhilosophySection.tsx

@@ -86,10 +86,7 @@ export function PhilosophySection() {
             <ul className="space-y-3">
               {willFind.map((item) => (
                 <li key={item} className="flex items-start gap-3">
-                  <Check
-                    className="h-5 w-5 text-success flex-shrink-0 mt-0.5"
-                    aria-hidden="true"
-                  />
+                  <Check className="h-5 w-5 text-success flex-shrink-0 mt-0.5" aria-hidden="true" />
                   <span className="text-muted-foreground">{item}</span>
                 </li>
               ))}