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/forbidden/page.test.tsx

@@ -10,9 +10,7 @@ describe('ForbiddenPage', () => {
   it('renders page heading', () => {
     render(<ForbiddenPage />);
 
-    expect(
-      screen.getByRole('heading', { name: /403 - Access Forbidden/i })
-    ).toBeInTheDocument();
+    expect(screen.getByRole('heading', { name: /403 - Access Forbidden/i })).toBeInTheDocument();
   });
 
   it('renders permission denied message', () => {
@@ -26,9 +24,7 @@ describe('ForbiddenPage', () => {
   it('renders admin privileges message', () => {
     render(<ForbiddenPage />);
 
-    expect(
-      screen.getByText(/This page requires administrator privileges/)
-    ).toBeInTheDocument();
+    expect(screen.getByText(/This page requires administrator privileges/)).toBeInTheDocument();
   });
 
   it('renders link to dashboard', () => {