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/confirm/PasswordResetConfirmContent.test.tsx

@@ -38,9 +38,7 @@ jest.mock('next/dynamic', () => ({
 
 // Mock Alert component
 jest.mock('@/components/ui/alert', () => ({
-  Alert: ({ children }: { children: React.ReactNode }) => (
-    <div data-testid="alert">{children}</div>
-  ),
+  Alert: ({ children }: { children: React.ReactNode }) => <div data-testid="alert">{children}</div>,
 }));
 
 describe('PasswordResetConfirmContent', () => {
@@ -144,7 +142,9 @@ describe('PasswordResetConfirmContent', () => {
     it('shows error message', () => {
       render(<PasswordResetConfirmContent />);
 
-      expect(screen.getByText(/this password reset link is invalid or has expired/i)).toBeInTheDocument();
+      expect(
+        screen.getByText(/this password reset link is invalid or has expired/i)
+      ).toBeInTheDocument();
     });
 
     it('shows link to request new reset', () => {