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

@@ -16,9 +16,7 @@ describe('AdminSettingsPage', () => {
   it('renders page description', () => {
     render(<AdminSettingsPage />);
 
-    expect(
-      screen.getByText('Configure system-wide settings and preferences')
-    ).toBeInTheDocument();
+    expect(screen.getByText('Configure system-wide settings and preferences')).toBeInTheDocument();
   });
 
   it('renders back button link', () => {
@@ -31,29 +29,17 @@ describe('AdminSettingsPage', () => {
   it('renders coming soon message', () => {
     render(<AdminSettingsPage />);
 
-    expect(
-      screen.getByText('System Settings Coming Soon')
-    ).toBeInTheDocument();
+    expect(screen.getByText('System Settings Coming Soon')).toBeInTheDocument();
   });
 
   it('renders feature list', () => {
     render(<AdminSettingsPage />);
 
-    expect(
-      screen.getByText(/General system configuration/)
-    ).toBeInTheDocument();
-    expect(
-      screen.getByText(/Email and notification settings/)
-    ).toBeInTheDocument();
-    expect(
-      screen.getByText(/Security and authentication options/)
-    ).toBeInTheDocument();
-    expect(
-      screen.getByText(/API and integration settings/)
-    ).toBeInTheDocument();
-    expect(
-      screen.getByText(/Maintenance and backup tools/)
-    ).toBeInTheDocument();
+    expect(screen.getByText(/General system configuration/)).toBeInTheDocument();
+    expect(screen.getByText(/Email and notification settings/)).toBeInTheDocument();
+    expect(screen.getByText(/Security and authentication options/)).toBeInTheDocument();
+    expect(screen.getByText(/API and integration settings/)).toBeInTheDocument();
+    expect(screen.getByText(/Maintenance and backup tools/)).toBeInTheDocument();
   });
 
   it('renders with proper container structure', () => {