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/organizations/[id]/members/page.test.tsx

@@ -20,9 +20,7 @@ jest.mock('next/link', () => ({
 // Mock OrganizationMembersContent component
 jest.mock('@/components/admin/organizations/OrganizationMembersContent', () => ({
   OrganizationMembersContent: ({ organizationId }: { organizationId: string }) => (
-    <div data-testid="organization-members-content">
-      Organization ID: {organizationId}
-    </div>
+    <div data-testid="organization-members-content">Organization ID: {organizationId}</div>
   ),
 }));
 

frontend/tests/app/admin/organizations/page.test.tsx

@@ -8,7 +8,9 @@ import AdminOrganizationsPage from '@/app/admin/organizations/page';
 
 // Mock the entire OrganizationManagementContent component
 jest.mock('@/components/admin/organizations/OrganizationManagementContent', () => ({
-  OrganizationManagementContent: () => <div data-testid="organization-management">Organization Management</div>,
+  OrganizationManagementContent: () => (
+    <div data-testid="organization-management">Organization Management</div>
+  ),
 }));
 
 describe('AdminOrganizationsPage', () => {