Enhance authentication flow by implementing ProtectedRoute component across various pages, ensuring users are redirected based on their authentication status. Update login page to support Google sign-in and handle redirect URLs after login. Modify analytics and links pages to include loading indicators and protected access. Update next.config.ts to enable middleware for edge functions.

app/links/page.tsx

@@ -7,6 +7,7 @@ import { Loader2, ExternalLink, Search } from 'lucide-react';
 import { TeamSelector } from '@/app/components/ui/TeamSelector';
 import { useRouter } from 'next/navigation';
 import { useShortUrlStore, ShortUrlData } from '@/app/utils/store';
+import ProtectedRoute from '@/app/components/ProtectedRoute';
 
 // Define attribute type to avoid using 'any'
 interface LinkAttributes {
@@ -102,6 +103,17 @@ const convertClickHouseToShortLink = (data: Record<string, unknown>): ShortLink
 };
 
 export default function LinksPage() {
+  return (
+    <ProtectedRoute>
+      <div className="container p-6 mx-auto">
+        <h1 className="mb-6 text-2xl font-bold">短链接管理</h1>
+        <LinksPageContent />
+      </div>
+    </ProtectedRoute>
+  );
+}
+
+function LinksPageContent() {
   const [loading, setLoading] = useState(true);
   const [error, setError] = useState<string | null>(null);
   const [links, setLinks] = useState<ShortLink[]>([]);