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/auth-guard.spec.ts

@@ -11,9 +11,7 @@ test.describe('AuthGuard - Route Protection', () => {
     });
   });
 
-  test('should redirect to login when accessing protected route without auth', async ({
-    page,
-  }) => {
+  test('should redirect to login when accessing protected route without auth', async ({ page }) => {
     // Try to access a protected route (if you have one)
     // For now, we'll test the root if it's protected
     // Adjust the route based on your actual protected routes