feat: add Settings and Setup pages for user management

- Implemented Settings page for changing user passwords with validation and feedback.
- Created Setup page for initial admin account setup with form handling and navigation.
- Added API service layer for handling requests related to proxy hosts, remote servers, and import functionality.
- Introduced mock data for testing purposes and set up testing framework with vitest.
- Configured Tailwind CSS for styling and Vite for development and build processes.
- Added scripts for Dockerfile validation, Python syntax checking, and Sourcery integration.
- Implemented release and coverage scripts for better CI/CD practices.

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

@@ -0,0 +1,124 @@
+import { describe, it, expect, vi, afterEach } from 'vitest'
+import { render, screen, fireEvent, waitFor } from '@testing-library/react'
+import RemoteServerForm from '../RemoteServerForm'
+
+// Mock the API
+vi.mock('../../services/api', () => ({
+  remoteServersAPI: {
+    test: vi.fn(() => Promise.resolve({ reachable: true, address: 'localhost:8080' })),
+  },
+}))
+
+describe('RemoteServerForm', () => {
+  const mockOnSubmit = vi.fn(() => Promise.resolve())
+  const mockOnCancel = vi.fn()
+
+  afterEach(() => {
+    vi.clearAllMocks()
+  })
+
+  it('renders create form', () => {
+    render(
+      <RemoteServerForm onSubmit={mockOnSubmit} onCancel={mockOnCancel} />
+    )
+
+    expect(screen.getByText('Add Remote Server')).toBeInTheDocument()
+    expect(screen.getByPlaceholderText('My Production Server')).toHaveValue('')
+  })
+
+  it('renders edit form with pre-filled data', () => {
+    const mockServer = {
+      uuid: '123',
+      name: 'Test Server',
+      provider: 'docker',
+      host: 'localhost',
+      port: 5000,
+      username: 'admin',
+      enabled: true,
+      reachable: true,
+      created_at: '2025-11-18T10:00:00Z',
+      updated_at: '2025-11-18T10:00:00Z',
+    }
+
+    render(
+      <RemoteServerForm server={mockServer} onSubmit={mockOnSubmit} onCancel={mockOnCancel} />
+    )
+
+    expect(screen.getByText('Edit Remote Server')).toBeInTheDocument()
+    expect(screen.getByDisplayValue('Test Server')).toBeInTheDocument()
+    expect(screen.getByDisplayValue('localhost')).toBeInTheDocument()
+    expect(screen.getByDisplayValue('5000')).toBeInTheDocument()
+  })
+
+  it('shows test connection button only in edit mode', () => {
+    const { rerender } = render(
+      <RemoteServerForm onSubmit={mockOnSubmit} onCancel={mockOnCancel} />
+    )
+
+    expect(screen.queryByText('Test Connection')).not.toBeInTheDocument()
+
+    const mockServer = {
+      uuid: '123',
+      name: 'Test Server',
+      provider: 'docker',
+      host: 'localhost',
+      port: 5000,
+      enabled: true,
+      reachable: false,
+      created_at: '2025-11-18T10:00:00Z',
+      updated_at: '2025-11-18T10:00:00Z',
+    }
+
+    rerender(
+      <RemoteServerForm server={mockServer} onSubmit={mockOnSubmit} onCancel={mockOnCancel} />
+    )
+
+    expect(screen.getByText('Test Connection')).toBeInTheDocument()
+  })
+
+  it('calls onCancel when cancel button is clicked', () => {
+    render(
+      <RemoteServerForm onSubmit={mockOnSubmit} onCancel={mockOnCancel} />
+    )
+
+    fireEvent.click(screen.getByText('Cancel'))
+    expect(mockOnCancel).toHaveBeenCalledOnce()
+  })
+
+  it('submits form with correct data', async () => {
+    render(
+      <RemoteServerForm onSubmit={mockOnSubmit} onCancel={mockOnCancel} />
+    )
+
+    const nameInput = screen.getByPlaceholderText('My Production Server')
+    const hostInput = screen.getByPlaceholderText('192.168.1.100')
+    const portInput = screen.getByDisplayValue('22')
+
+    fireEvent.change(nameInput, { target: { value: 'New Server' } })
+    fireEvent.change(hostInput, { target: { value: '10.0.0.5' } })
+    fireEvent.change(portInput, { target: { value: '9090' } })
+
+    fireEvent.click(screen.getByText('Create'))
+
+    await waitFor(() => {
+      expect(mockOnSubmit).toHaveBeenCalledWith(
+        expect.objectContaining({
+          name: 'New Server',
+          host: '10.0.0.5',
+          port: 9090,
+        })
+      )
+    })
+  })
+
+  it('handles provider selection', () => {
+    render(
+      <RemoteServerForm onSubmit={mockOnSubmit} onCancel={mockOnCancel} />
+    )
+
+    const providerSelect = screen.getByDisplayValue('Generic')
+    fireEvent.change(providerSelect, { target: { value: 'docker' } })
+
+    expect(providerSelect).toHaveValue('docker')
+  })
+})