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/components/admin/organizations/AddMemberDialog.test.tsx

@@ -51,13 +51,17 @@ describe('AddMemberDialog', () => {
     render(<AddMemberDialog {...defaultProps} />);
 
     expect(screen.getByRole('heading', { name: 'Add Member' })).toBeInTheDocument();
-    expect(screen.getByText('Add a user to this organization and assign them a role.')).toBeInTheDocument();
+    expect(
+      screen.getByText('Add a user to this organization and assign them a role.')
+    ).toBeInTheDocument();
   });
 
   it('does not render when closed', () => {
     render(<AddMemberDialog {...defaultProps} open={false} />);
 
-    expect(screen.queryByText('Add a user to this organization and assign them a role.')).not.toBeInTheDocument();
+    expect(
+      screen.queryByText('Add a user to this organization and assign them a role.')
+    ).not.toBeInTheDocument();
   });
 
   it('renders user email select field', () => {