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/lib/api/hooks/useAuth.test.tsx

@@ -6,11 +6,7 @@
 
 import { renderHook } from '@testing-library/react';
 import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
-import {
-  useIsAuthenticated,
-  useCurrentUser,
-  useIsAdmin,
-} from '@/lib/api/hooks/useAuth';
+import { useIsAuthenticated, useCurrentUser, useIsAdmin } from '@/lib/api/hooks/useAuth';
 import { AuthProvider } from '@/lib/auth/AuthContext';
 
 // Mock auth state (Context-injected)
@@ -52,9 +48,7 @@ const createWrapper = () => {
 
   return ({ children }: { children: React.ReactNode }) => (
     <QueryClientProvider client={queryClient}>
-      <AuthProvider store={mockStoreHook}>
-        {children}
-      </AuthProvider>
+      <AuthProvider store={mockStoreHook}>{children}</AuthProvider>
     </QueryClientProvider>
   );
 };