Refactor useAuth hook, settings components, and docs for formatting and readability improvements

- Consolidated multi-line arguments into single lines where appropriate in `useAuth`.
- Improved spacing and readability in data processing across components (`ProfileSettingsForm`, `PasswordChangeForm`, `SessionCard`).
- Applied consistent table and markdown formatting in design system docs (e.g., `README.md`, `08-ai-guidelines.md`, `00-quick-start.md`).
- Updated code snippets to ensure adherence to Prettier rules and streamlined JSX structures.

frontend/e2e/helpers/coverage.ts

@@ -55,7 +55,7 @@ export async function startCoverage(
   }
 
   try {
-      await page.coverage.startJSCoverage({
+    await page.coverage.startJSCoverage({
       resetOnNavigation: options?.resetOnNavigation ?? false,
       // @ts-expect-error - includeRawScriptCoverage is not in official types but supported by Playwright
       includeRawScriptCoverage: options?.includeRawScriptCoverage ?? false,
@@ -201,9 +201,9 @@ export const withCoverage = {
 function sanitizeFilename(name: string): string {
   return name
     .replace(/[^a-z0-9\s-]/gi, '') // Remove special chars
-    .replace(/\s+/g, '_')           // Replace spaces with underscores
+    .replace(/\s+/g, '_') // Replace spaces with underscores
     .toLowerCase()
-    .substring(0, 100);             // Limit length
+    .substring(0, 100); // Limit length
 }
 
 /**