refactor: make do-you-know entirely server rendered

Author: pan93412

app/login/_components/do-you-know/index.tsx

@@ -1,3 +1,5 @@
+"use server";
+
 import { connection } from "next/server";
 
 export default async function DoYouKnow() {
@@ -26,5 +28,3 @@ export default async function DoYouKnow() {
     </div>
   );
 }
-
-export { DoYouKnowSkeleton } from "./skeleton";

app/login/_components/do-you-know/skeleton.tsx

@@ -1,6 +1,6 @@
 import { Skeleton } from "@/components/ui/skeleton";
 
-export function DoYouKnowSkeleton() {
+export default function DoYouKnowSkeleton() {
   return (
     <div className="flex flex-col justify-center gap-2 text-center">
       <div className="text-sm text-gray-500">你知道嗎？</div>

app/login/page.tsx

@@ -2,7 +2,8 @@ import { Logo } from "@/components/logo";
 import type { Metadata } from "next";
 import Link from "next/link";
 import { Suspense } from "react";
-import DoYouKnow, { DoYouKnowSkeleton } from "./_components/do-you-know";
+import DoYouKnow from "./_components/do-you-know";
+import DoYouKnowSkeleton from "./_components/do-you-know/skeleton";
 import GithubLink from "./_components/github-link";
 import { LoginForm } from "./_components/login-form";
 import { UpstreamStatus, UpstreamStatusPlaceholder } from "./_components/status";