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/layout/Footer.test.tsx

@@ -19,7 +19,9 @@ describe('Footer', () => {
       render(<Footer />);
 
       const currentYear = new Date().getFullYear();
-      expect(screen.getByText(`© ${currentYear} FastNext Template. All rights reserved.`)).toBeInTheDocument();
+      expect(
+        screen.getByText(`© ${currentYear} FastNext Template. All rights reserved.`)
+      ).toBeInTheDocument();
     });
 
     it('applies correct styling classes', () => {

frontend/tests/components/layout/Header.test.tsx

@@ -151,9 +151,7 @@ describe('Header', () => {
 
       const adminLinks = screen.queryAllByRole('link', { name: /admin/i });
       // Filter out the one in the dropdown menu
-      const navAdminLinks = adminLinks.filter(
-        (link) => !link.closest('[role="menu"]')
-      );
+      const navAdminLinks = adminLinks.filter((link) => !link.closest('[role="menu"]'));
       expect(navAdminLinks).toHaveLength(0);
     });