fix(admin/system): address second-round review concerns

- Extract ImportStatus type to types.ts — removes duplication across
  +page.svelte, ImportStatusCard.svelte, and test file (Felix blocker)
- Fix H2 to match CLAUDE.md card pattern: text-xs uppercase tracking-widest
  text-ink-3 mb-5 (Leonie blocker 1)
- Add font-sans to RUNNING and DONE status labels (Leonie blocker 2)
- Add data-testid="processed-count" to count elements in both states
- Replace document.querySelector with locator API in spinner tests
- Tighten getByText('7') to getByTestId('processed-count') (Felix/Sara)

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

frontend/src/routes/admin/system/ImportStatusCard.svelte.test.ts

@@ -2,13 +2,7 @@ import { describe, expect, it, vi } from 'vitest';
 import { render } from 'vitest-browser-svelte';
 import { m } from '$lib/paraglide/messages.js';
 import ImportStatusCard from './ImportStatusCard.svelte';
-
-type ImportStatus = {
-	state: 'IDLE' | 'RUNNING' | 'DONE' | 'FAILED';
-	statusCode: string;
-	processed: number;
-	startedAt: string | null;
-};
+import type { ImportStatus } from './types.js';
 
 const makeStatus = (overrides: Partial<ImportStatus> = {}): ImportStatus => ({
 	state: 'IDLE',
@@ -20,25 +14,25 @@ const makeStatus = (overrides: Partial<ImportStatus> = {}): ImportStatus => ({
 
 describe('ImportStatusCard', () => {
 	it('shows spinner while state is RUNNING', async () => {
-		render(ImportStatusCard, {
+		const { getByTestId } = render(ImportStatusCard, {
 			props: {
 				importStatus: makeStatus({ state: 'RUNNING', statusCode: 'IMPORT_RUNNING', processed: 3 }),
 				ontrigger: () => {}
 			}
 		});
 
-		expect(document.querySelector('[data-testid="spinner"]')).not.toBeNull();
+		await expect.element(getByTestId('spinner')).toBeInTheDocument();
 	});
 
 	it('shows processed count at text-base while RUNNING', async () => {
-		const { getByText } = render(ImportStatusCard, {
+		const { getByTestId } = render(ImportStatusCard, {
 			props: {
 				importStatus: makeStatus({ state: 'RUNNING', statusCode: 'IMPORT_RUNNING', processed: 7 }),
 				ontrigger: () => {}
 			}
 		});
 
-		await expect.element(getByText('7')).toBeVisible();
+		await expect.element(getByTestId('processed-count')).toHaveTextContent('7');
 	});
 
 	it('shows processed count while DONE', async () => {
@@ -89,11 +83,11 @@ describe('ImportStatusCard', () => {
 	});
 
 	it('shows no spinner when importStatus is null', async () => {
-		render(ImportStatusCard, {
+		const { getByTestId } = render(ImportStatusCard, {
 			props: { importStatus: null, ontrigger: () => {} }
 		});
 
-		expect(document.querySelector('[data-testid="spinner"]')).toBeNull();
+		await expect.element(getByTestId('spinner')).not.toBeInTheDocument();
 	});
 
 	it('calls ontrigger when retry button is clicked in DONE state', async () => {