docs: comprehensive documentation polish & CI/CD automation

Major Updates:
- Rewrote all docs in beginner-friendly 'ELI5' language
- Created docs index with user journey navigation
- Added complete getting-started guide for novice users
- Set up GitHub Container Registry (GHCR) automation
- Configured GitHub Pages deployment for documentation

Documentation:
- docs/index.md - Central navigation hub
- docs/getting-started.md - Step-by-step beginner guide
- docs/github-setup.md - CI/CD setup instructions
- README.md - Complete rewrite in accessible language
- CONTRIBUTING.md - Contributor guidelines
- Multiple comprehensive API and schema docs

CI/CD Workflows:
- .github/workflows/docker-build.yml - Multi-platform builds to GHCR
- .github/workflows/docs.yml - Automated docs deployment to Pages
- Supports main (latest), development (dev), and version tags
- Automated testing of built images
- Beautiful documentation site with dark theme

Benefits:
- Zero barrier to entry for new users
- Automated Docker builds (AMD64 + ARM64)
- Professional documentation site
- No Docker Hub account needed (uses GHCR)
- Complete CI/CD pipeline

All 7 implementation phases complete - project is production ready!

frontend/src/components/__tests__/ImportReviewTable.test.tsx

@@ -0,0 +1,160 @@
+import { describe, it, expect, vi, afterEach } from 'vitest'
+import { render, screen, fireEvent, waitFor } from '@testing-library/react'
+import ImportReviewTable from '../ImportReviewTable'
+import { mockImportPreview } from '../../test/mockData'
+
+describe('ImportReviewTable', () => {
+  const mockOnCommit = vi.fn(() => Promise.resolve())
+  const mockOnCancel = vi.fn()
+
+  afterEach(() => {
+    vi.clearAllMocks()
+  })
+
+  it('displays hosts to import', () => {
+    render(
+      <ImportReviewTable
+        hosts={mockImportPreview.hosts}
+        conflicts={[]}
+        errors={[]}
+        onCommit={mockOnCommit}
+        onCancel={mockOnCancel}
+      />
+    )
+
+    expect(screen.getByText('Hosts to Import (1)')).toBeInTheDocument()
+    expect(screen.getByText('test.example.com')).toBeInTheDocument()
+  })
+
+  it('displays conflicts with resolution dropdowns', () => {
+    render(
+      <ImportReviewTable
+        hosts={mockImportPreview.hosts}
+        conflicts={mockImportPreview.conflicts}
+        errors={[]}
+        onCommit={mockOnCommit}
+        onCancel={mockOnCancel}
+      />
+    )
+
+    expect(screen.getByText(/Conflicts Detected \(1\)/)).toBeInTheDocument()
+    expect(screen.getByText('app.local.dev')).toBeInTheDocument()
+    expect(screen.getByText('-- Choose action --')).toBeInTheDocument()
+  })
+
+  it('displays errors', () => {
+    const errors = ['Invalid Caddyfile syntax', 'Missing required field']
+
+    render(
+      <ImportReviewTable
+        hosts={mockImportPreview.hosts}
+        conflicts={[]}
+        errors={errors}
+        onCommit={mockOnCommit}
+        onCancel={mockOnCancel}
+      />
+    )
+
+    expect(screen.getByText('Errors')).toBeInTheDocument()
+    expect(screen.getByText('Invalid Caddyfile syntax')).toBeInTheDocument()
+    expect(screen.getByText('Missing required field')).toBeInTheDocument()
+  })
+
+  it('disables commit button until all conflicts are resolved', () => {
+    render(
+      <ImportReviewTable
+        hosts={mockImportPreview.hosts}
+        conflicts={mockImportPreview.conflicts}
+        errors={[]}
+        onCommit={mockOnCommit}
+        onCancel={mockOnCancel}
+      />
+    )
+
+    const commitButton = screen.getByText('Commit Import')
+    expect(commitButton).toBeDisabled()
+  })
+
+  it('enables commit button when all conflicts are resolved', async () => {
+    render(
+      <ImportReviewTable
+        hosts={mockImportPreview.hosts}
+        conflicts={mockImportPreview.conflicts}
+        errors={[]}
+        onCommit={mockOnCommit}
+        onCancel={mockOnCancel}
+      />
+    )
+
+    const dropdown = screen.getAllByRole('combobox')[0]
+    fireEvent.change(dropdown, { target: { value: 'skip' } })
+
+    await waitFor(() => {
+      const commitButton = screen.getByText('Commit Import')
+      expect(commitButton).not.toBeDisabled()
+    })
+  })
+
+  it('calls onCommit with resolutions', async () => {
+    render(
+      <ImportReviewTable
+        hosts={mockImportPreview.hosts}
+        conflicts={mockImportPreview.conflicts}
+        errors={[]}
+        onCommit={mockOnCommit}
+        onCancel={mockOnCancel}
+      />
+    )
+
+    const dropdown = screen.getAllByRole('combobox')[0]
+    fireEvent.change(dropdown, { target: { value: 'overwrite' } })
+
+    const commitButton = screen.getByText('Commit Import')
+    fireEvent.click(commitButton)
+
+    await waitFor(() => {
+      expect(mockOnCommit).toHaveBeenCalledWith({
+        'app.local.dev': 'overwrite',
+      })
+    })
+  })
+
+  it('calls onCancel when cancel button is clicked', () => {
+    render(
+      <ImportReviewTable
+        hosts={mockImportPreview.hosts}
+        conflicts={[]}
+        errors={[]}
+        onCommit={mockOnCommit}
+        onCancel={mockOnCancel}
+      />
+    )
+
+    fireEvent.click(screen.getByText('Cancel'))
+    expect(mockOnCancel).toHaveBeenCalledOnce()
+  })
+
+  it('shows conflict indicator on conflicting hosts', () => {
+    render(
+      <ImportReviewTable
+        hosts={[
+          {
+            domain_names: 'app.local.dev',
+            forward_scheme: 'http',
+            forward_host: 'localhost',
+            forward_port: 3000,
+            ssl_forced: false,
+            http2_support: false,
+            websocket_support: false,
+          },
+        ]}
+        conflicts={['app.local.dev']}
+        errors={[]}
+        onCommit={mockOnCommit}
+        onCancel={mockOnCancel}
+      />
+    )
+
+    expect(screen.getByText('Conflict')).toBeInTheDocument()
+  })
+})