feat: implement DNS provider detection and related components

- Add `detectDNSProvider` and `getDetectionPatterns` functions in `dnsDetection.ts` for API interaction.
- Create `DNSDetectionResult` component to display detection results and suggested providers.
- Integrate DNS detection in `ProxyHostForm` with automatic detection for wildcard domains.
- Implement hooks for DNS detection: `useDetectDNSProvider`, `useCachedDetectionResult`, and `useDetectionPatterns`.
- Add tests for DNS detection functionality and components.
- Update translations for DNS detection messages.

frontend/src/api/dnsDetection.ts

@@ -0,0 +1,40 @@
+import client from './client'
+import type { DNSProvider } from './dnsProviders'
+
+/** DNS provider detection result */
+export interface DetectionResult {
+  domain: string
+  detected: boolean
+  provider_type?: string
+  nameservers: string[]
+  confidence: 'high' | 'medium' | 'low' | 'none'
+  suggested_provider?: DNSProvider
+  error?: string
+}
+
+/** Nameserver pattern used for detection */
+export interface NameserverPattern {
+  pattern: string
+  provider_type: string
+}
+
+/**
+ * Detects DNS provider for a domain by analyzing nameservers.
+ * @param domain - Domain name to detect provider for
+ * @returns Promise resolving to detection result
+ * @throws {AxiosError} If the request fails
+ */
+export async function detectDNSProvider(domain: string): Promise<DetectionResult> {
+  const response = await client.post<DetectionResult>('/dns-providers/detect', { domain })
+  return response.data
+}
+
+/**
+ * Fetches built-in nameserver patterns used for detection.
+ * @returns Promise resolving to array of patterns
+ * @throws {AxiosError} If the request fails
+ */
+export async function getDetectionPatterns(): Promise<NameserverPattern[]> {
+  const response = await client.get<{ patterns: NameserverPattern[] }>('/dns-providers/patterns')
+  return response.data.patterns
+}