Add forms for profile and password settings; improve tests for settings pages

- Implement `ProfileSettingsForm` and `PasswordChangeForm` components to manage user profile and password updates.
- Add `SessionCard` for session management and related API hooks (`useSession`).
- Update settings page tests to include user state mock and React Query provider for better test reliability.
- Enhance `PasswordSettingsPage` and `ProfileSettingsPage` tests to verify component rendering and user interaction.
- Improve API hook structure with dedicated hooks for session and user profile management.

frontend/tests/app/(authenticated)/settings/password/page.test.tsx

@@ -1,26 +1,40 @@
 /**
  * Tests for Password Settings Page
- * Smoke tests for placeholder page
+ * Smoke tests for page rendering
  */
 
 import { render, screen } from '@testing-library/react';
+import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
 import PasswordSettingsPage from '@/app/(authenticated)/settings/password/page';
 
 describe('PasswordSettingsPage', () => {
+  const queryClient = new QueryClient({
+    defaultOptions: {
+      queries: { retry: false },
+      mutations: { retry: false },
+    },
+  });
+
+  const renderWithProvider = (component: React.ReactElement) => {
+    return render(
+      <QueryClientProvider client={queryClient}>
+        {component}
+      </QueryClientProvider>
+    );
+  };
+
   it('renders without crashing', () => {
-    render(<PasswordSettingsPage />);
+    renderWithProvider(<PasswordSettingsPage />);
     expect(screen.getByText('Password Settings')).toBeInTheDocument();
   });
 
   it('renders heading', () => {
-    render(<PasswordSettingsPage />);
-
+    renderWithProvider(<PasswordSettingsPage />);
     expect(screen.getByRole('heading', { name: /password settings/i })).toBeInTheDocument();
   });
 
-  it('shows placeholder text', () => {
-    render(<PasswordSettingsPage />);
-
+  it('shows description text', () => {
+    renderWithProvider(<PasswordSettingsPage />);
     expect(screen.getByText(/change your password/i)).toBeInTheDocument();
   });
 });