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/tests/app/(auth)/password-reset/page.test.tsx

@@ -10,7 +10,9 @@ import PasswordResetPage from '@/app/(auth)/password-reset/page';
 jest.mock('next/dynamic', () => ({
   __esModule: true,
   default: (_importFn: () => Promise<any>, _options?: any) => {
-    const Component = () => <div data-testid="password-reset-form">Mocked PasswordResetRequestForm</div>;
+    const Component = () => (
+      <div data-testid="password-reset-form">Mocked PasswordResetRequestForm</div>
+    );
     Component.displayName = 'PasswordResetRequestForm';
     return Component;
   },