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

@@ -121,7 +121,9 @@ describe('PasswordChangeForm', () => {
     it('allows typing in confirm password field', async () => {
       renderWithProvider(<PasswordChangeForm />);
 
-      const confirmPasswordInput = screen.getByLabelText(/confirm new password/i) as HTMLInputElement;
+      const confirmPasswordInput = screen.getByLabelText(
+        /confirm new password/i
+      ) as HTMLInputElement;
       await user.type(confirmPasswordInput, 'NewPassword123!');
 
       expect(confirmPasswordInput.value).toBe('NewPassword123!');