feat(api): support traffic bytes tracking, refactor analytics models and fix website hydration

- Add `bytes_sent` to `NodeAccessLog` on both Agent and Master Server.
- Create ClickHouse migration `202607120001_add_bytes_sent_to_node_access_logs.sql`.
- Refactor duplicate stats structs by centralizing them into `analyticsmodel` package with type aliases.
- Simplify access log store delegations and remove redundant mapping loops.
- Fix React Hydration Error #418 when directly loading dynamic websites on SSR by wrapping client component with mounted state hook.
- Regenerate Swagger documentation.
- Update changelog index.md.

frontend/app/(main)/websites/[zoneId]/page-client.tsx

@@ -1,7 +1,7 @@
 'use client';
 
 import {usePathname, useRouter, useSearchParams} from 'next/navigation';
-import {useCallback, useMemo, useState} from 'react';
+import {useCallback, useEffect, useMemo, useState} from 'react';
 import {useMutation, useQuery, useQueryClient} from '@tanstack/react-query';
 import {ArrowLeft, Globe, Pencil, Trash2} from 'lucide-react';
 import {toast} from 'sonner';
@@ -41,6 +41,11 @@ function getZonePageTab(value: string | null | undefined): ZonePageTab {
 }
 
 export function ZonePageClient({zoneId}: {zoneId: number}) {
+  const [mounted, setMounted] = useState(false);
+  useEffect(() => {
+    setMounted(true);
+  }, []);
+
   const router = useRouter();
   const pathname = usePathname();
   const searchParams = useSearchParams();
@@ -95,6 +100,14 @@ export function ZonePageClient({zoneId}: {zoneId: number}) {
     onError: (error) => toast.error(getErrorMessage(error)),
   });
 
+  if (!mounted) {
+    return (
+      <div className="py-6 px-1">
+        <LoadingStateWithBorder icon={Globe} description="加载 Zone 详情中..." />
+      </div>
+    );
+  }
+
   if (!Number.isInteger(zoneId) || zoneId <= 0) {
     return (
       <div className="py-6 px-1">