feat: add MFA/TOTP auth, PII encryption, agents/leads/inquiries modules, and comprehensive tests

- Add TOTP-based MFA with setup, verify, disable, backup codes, and challenge flow
- Add PII field encryption middleware with AES-256-GCM and deterministic search hashes
- Add agents, inquiries, and leads domain modules with entities, events, value objects
- Add web dashboard pages for inquiries and leads with detail dialogs
- Add 30+ component tests (valuation, charts, listings, search, providers, UI)
- Add Prisma migrations for encryption hash columns and MFA TOTP support
- Fix all ESLint errors (unused imports, duplicate imports, lint auto-fixes)
- Update dependencies and lock file
- Clean up obsolete exploration/QA docs, add audit documentation

Co-Authored-By: Paperclip <noreply@paperclip.ing>

apps/web/components/charts/__tests__/price-trend-chart.spec.tsx

@@ -0,0 +1,68 @@
+import { render, screen } from '@testing-library/react';
+import { describe, expect, it, vi } from 'vitest';
+import { PriceTrendChart } from '../price-trend-chart';
+
+// Mock recharts
+vi.mock('recharts', () => ({
+  ResponsiveContainer: ({ children }: { children: React.ReactNode }) => (
+    <div data-testid="responsive-container">{children}</div>
+  ),
+  LineChart: ({ children, data }: { children: React.ReactNode; data: unknown[] }) => (
+    <div data-testid="line-chart" data-count={data.length}>{children}</div>
+  ),
+  Line: ({ dataKey }: { dataKey: string }) => <div data-testid={`line-${dataKey}`} />,
+  XAxis: ({ dataKey }: { dataKey: string }) => <div data-testid={`xaxis-${dataKey}`} />,
+  YAxis: ({ yAxisId }: { yAxisId?: string }) => <div data-testid={`yaxis-${yAxisId || 'default'}`} />,
+  CartesianGrid: () => <div data-testid="grid" />,
+  Tooltip: () => <div data-testid="tooltip" />,
+  Legend: () => <div data-testid="legend" />,
+}));
+
+const sampleData = [
+  { period: 'T1/2026', 'Gia/m2': 65, 'Tin đăng': 120 },
+  { period: 'T2/2026', 'Gia/m2': 68, 'Tin đăng': 130 },
+  { period: 'T3/2026', 'Gia/m2': 70, 'Tin đăng': 125 },
+];
+
+describe('PriceTrendChart', () => {
+  it('renders responsive container', () => {
+    render(<PriceTrendChart data={sampleData} />);
+    expect(screen.getByTestId('responsive-container')).toBeInTheDocument();
+  });
+
+  it('renders line chart', () => {
+    render(<PriceTrendChart data={sampleData} />);
+    expect(screen.getByTestId('line-chart')).toBeInTheDocument();
+  });
+
+  it('renders price line', () => {
+    render(<PriceTrendChart data={sampleData} />);
+    expect(screen.getByTestId('line-Gia/m2')).toBeInTheDocument();
+  });
+
+  it('renders listings count line', () => {
+    render(<PriceTrendChart data={sampleData} />);
+    expect(screen.getByTestId('line-Tin đăng')).toBeInTheDocument();
+  });
+
+  it('renders XAxis with period key', () => {
+    render(<PriceTrendChart data={sampleData} />);
+    expect(screen.getByTestId('xaxis-period')).toBeInTheDocument();
+  });
+
+  it('renders dual Y axes', () => {
+    render(<PriceTrendChart data={sampleData} />);
+    expect(screen.getByTestId('yaxis-left')).toBeInTheDocument();
+    expect(screen.getByTestId('yaxis-right')).toBeInTheDocument();
+  });
+
+  it('renders Legend', () => {
+    render(<PriceTrendChart data={sampleData} />);
+    expect(screen.getByTestId('legend')).toBeInTheDocument();
+  });
+
+  it('passes data to chart', () => {
+    render(<PriceTrendChart data={sampleData} />);
+    expect(screen.getByTestId('line-chart')).toHaveAttribute('data-count', '3');
+  });
+});