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/src/app/admin/layout.tsx

@@ -17,11 +17,7 @@ export const metadata: Metadata = {
   },
 };
 
-export default function AdminLayout({
-  children,
-}: {
-  children: React.ReactNode;
-}) {
+export default function AdminLayout({ children }: { children: React.ReactNode }) {
   return (
     <AuthGuard requireAdmin>
       <a

frontend/src/app/admin/page.tsx

@@ -27,9 +27,7 @@ export default function AdminPage() {
       <div className="space-y-8">
         {/* Page Header */}
         <div>
-          <h1 className="text-3xl font-bold tracking-tight">
-            Admin Dashboard
-          </h1>
+          <h1 className="text-3xl font-bold tracking-tight">Admin Dashboard</h1>
           <p className="mt-2 text-muted-foreground">
             Manage users, organizations, and system settings
           </p>
@@ -72,9 +70,7 @@ export default function AdminPage() {
                   <Settings className="h-5 w-5 text-primary" aria-hidden="true" />
                   <h3 className="font-semibold">System Settings</h3>
                 </div>
-                <p className="text-sm text-muted-foreground">
-                  Configure system-wide settings
-                </p>
+                <p className="text-sm text-muted-foreground">Configure system-wide settings</p>
               </div>
             </Link>
           </div>

frontend/src/app/admin/settings/page.tsx

@@ -27,9 +27,7 @@ export default function AdminSettingsPage() {
             </Button>
           </Link>
           <div>
-            <h1 className="text-3xl font-bold tracking-tight">
-              System Settings
-            </h1>
+            <h1 className="text-3xl font-bold tracking-tight">System Settings</h1>
             <p className="mt-2 text-muted-foreground">
               Configure system-wide settings and preferences
             </p>
@@ -38,16 +36,12 @@ export default function AdminSettingsPage() {
 
         {/* Placeholder Content */}
         <div className="rounded-lg border bg-card p-12 text-center">
-          <h3 className="text-xl font-semibold mb-2">
-            System Settings Coming Soon
-          </h3>
+          <h3 className="text-xl font-semibold mb-2">System Settings Coming Soon</h3>
           <p className="text-muted-foreground max-w-md mx-auto">
-            This page will allow you to configure system-wide settings,
-            preferences, and advanced options.
-          </p>
-          <p className="text-sm text-muted-foreground mt-4">
-            Features will include:
+            This page will allow you to configure system-wide settings, preferences, and advanced
+            options.
           </p>
+          <p className="text-sm text-muted-foreground mt-4">Features will include:</p>
           <ul className="text-sm text-muted-foreground mt-2 max-w-sm mx-auto text-left">
             <li>• General system configuration</li>
             <li>• Email and notification settings</li>

frontend/src/app/admin/users/page.tsx

@@ -28,12 +28,8 @@ export default function AdminUsersPage() {
             </Button>
           </Link>
           <div>
-            <h1 className="text-3xl font-bold tracking-tight">
-              User Management
-            </h1>
-            <p className="mt-2 text-muted-foreground">
-              View, create, and manage user accounts
-            </p>
+            <h1 className="text-3xl font-bold tracking-tight">User Management</h1>
+            <p className="mt-2 text-muted-foreground">View, create, and manage user accounts</p>
           </div>
         </div>