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/hooks/usePrefersReducedMotion.test.ts

@@ -22,14 +22,16 @@ describe('usePrefersReducedMotion', () => {
           mockListeners.push(listener);
         }
       }),
-      removeEventListener: jest.fn((event: string, listener: (event: MediaQueryListEvent) => void) => {
-        if (event === 'change') {
-          const index = mockListeners.indexOf(listener);
-          if (index > -1) {
-            mockListeners.splice(index, 1);
+      removeEventListener: jest.fn(
+        (event: string, listener: (event: MediaQueryListEvent) => void) => {
+          if (event === 'change') {
+            const index = mockListeners.indexOf(listener);
+            if (index > -1) {
+              mockListeners.splice(index, 1);
+            }
           }
         }
-      }),
+      ),
       dispatchEvent: jest.fn(),
     }));
 
@@ -96,7 +98,7 @@ describe('usePrefersReducedMotion', () => {
 
     // Simulate media query change
     act(() => {
-      mockListeners.forEach(listener => {
+      mockListeners.forEach((listener) => {
         listener({ matches: true } as MediaQueryListEvent);
       });
     });
@@ -126,7 +128,7 @@ describe('usePrefersReducedMotion', () => {
 
     // Simulate media query change
     act(() => {
-      mockListeners.forEach(listener => {
+      mockListeners.forEach((listener) => {
         listener({ matches: false } as MediaQueryListEvent);
       });
     });