T07b: frontend feature pages — companies + contacts + settings + audit + dashboard + search

- 11 new feature pages (CompaniesList/Detail/Form, ContactsList/Detail/Form,
  SettingsProfile/Roles/Users, AuditLog, GlobalSearchResults)
- 3 page updates (Dashboard with StatCard+ActivityFeed, Settings with tree nav+Outlet,
  TopBar with SearchDropdown)
- 13 new routes in routes/index.tsx
- i18n updates (de.json + en.json) with companies/contacts/settings/audit/search keys
- 12 new test files + 2 existing test fixes (TopBar, AppShell)
- 7 shared components (DataGrid, Tabs, SearchDropdown, CsvImportDialog, StatCard,
  ActivityFeed, UnsavedChangesGuard)
- 16 new API hooks in hooks.ts
- Verification: 141 tests pass, build succeeds, tsc --noEmit clean

frontend/src/__tests__/settings/SettingsProfile.test.tsx

@@ -0,0 +1,38 @@
+import React from 'react';
+import { describe, it, expect, vi } from 'vitest';
+import { render, screen } from '@testing-library/react';
+import { MemoryRouter } from 'react-router-dom';
+import { SettingsProfilePage } from '@/pages/SettingsProfile';
+
+vi.mock('@/store/authStore', () => ({
+  useAuthStore: () => ({
+    user: {
+      id: '1', email: 'test@test.de', first_name: 'Max', last_name: 'Mustermann',
+    },
+  }),
+}));
+
+vi.mock('@/api/hooks', () => ({
+  useUpdateUser: () => ({ mutateAsync: vi.fn(), isPending: false }),
+}));
+
+vi.mock('@/components/ui/Toast', () => ({
+  useToast: () => ({ success: vi.fn(), error: vi.fn(), info: vi.fn() }),
+}));
+
+describe('SettingsProfilePage', () => {
+  it('renders profile page', () => {
+    render(<MemoryRouter><SettingsProfilePage /></MemoryRouter>);
+    expect(screen.getByTestId('settings-profile-page')).toBeInTheDocument();
+  });
+
+  it('renders first name field', () => {
+    render(<MemoryRouter><SettingsProfilePage /></MemoryRouter>);
+    expect(screen.getByLabelText(/Vorname/)).toBeInTheDocument();
+  });
+
+  it('renders email field', () => {
+    render(<MemoryRouter><SettingsProfilePage /></MemoryRouter>);
+    expect(screen.getByLabelText(/E-Mail/)).toBeInTheDocument();
+  });
+});

frontend/src/__tests__/settings/SettingsRoles.test.tsx

@@ -0,0 +1,21 @@
+import React from 'react';
+import { describe, it, expect, vi } from 'vitest';
+import { render, screen } from '@testing-library/react';
+import { MemoryRouter } from 'react-router-dom';
+import { SettingsRolesPage } from '@/pages/SettingsRoles';
+
+vi.mock('@/components/ui/Toast', () => ({
+  useToast: () => ({ success: vi.fn(), error: vi.fn(), info: vi.fn() }),
+}));
+
+describe('SettingsRolesPage', () => {
+  it('renders roles page', () => {
+    render(<MemoryRouter><SettingsRolesPage /></MemoryRouter>);
+    expect(screen.getByTestId('settings-roles-page')).toBeInTheDocument();
+  });
+
+  it('renders role editor with create button', () => {
+    render(<MemoryRouter><SettingsRolesPage /></MemoryRouter>);
+    expect(screen.getByTestId('create-role-btn')).toBeInTheDocument();
+  });
+});

frontend/src/__tests__/settings/SettingsUsers.test.tsx

@@ -0,0 +1,36 @@
+import React from 'react';
+import { describe, it, expect, vi } from 'vitest';
+import { render, screen } from '@testing-library/react';
+import { MemoryRouter } from 'react-router-dom';
+import { SettingsUsersPage } from '@/pages/SettingsUsers';
+
+vi.mock('@/api/hooks', () => ({
+  useUsers: () => ({
+    data: {
+      items: [
+        { id: '1', email: 'admin@test.de', first_name: 'Admin', last_name: 'User', role: 'admin', is_active: true },
+      ],
+      total: 1,
+    },
+    isLoading: false,
+  }),
+  useCreateUser: () => ({ mutateAsync: vi.fn(), isPending: false }),
+  useUpdateUser: () => ({ mutateAsync: vi.fn(), isPending: false }),
+  useDeleteUser: () => ({ mutateAsync: vi.fn(), isPending: false }),
+}));
+
+vi.mock('@/components/ui/Toast', () => ({
+  useToast: () => ({ success: vi.fn(), error: vi.fn(), info: vi.fn() }),
+}));
+
+describe('SettingsUsersPage', () => {
+  it('renders users page', () => {
+    render(<MemoryRouter><SettingsUsersPage /></MemoryRouter>);
+    expect(screen.getByTestId('settings-users-page')).toBeInTheDocument();
+  });
+
+  it('renders user list with at least one user', () => {
+    render(<MemoryRouter><SettingsUsersPage /></MemoryRouter>);
+    expect(screen.getAllByText(/Admin/).length).toBeGreaterThan(0);
+  });
+});