fix: note layout loading flash

src/app/notes/[id]/loading.tsx

@@ -1,3 +1,3 @@
-import NoteLoading from '../loading'
+import { FullPageLoading } from '~/components/ui/loading'
 
-export default NoteLoading
+export default FullPageLoading

src/app/notes/redirect.tsx

@@ -5,7 +5,7 @@ import { useRouter } from 'next/navigation'
 
 import { routeBuilder, Routes } from '~/lib/route-builder'
 
-import NoteLoading from './loading'
+import FullPageLoading from '../friends/loading'
 
 export default function NodeRedirect({ nid }: { nid: number }) {
   const router = useRouter()
@@ -16,5 +16,5 @@ export default function NodeRedirect({ nid }: { nid: number }) {
       }),
     )
   }, [nid])
-  return <NoteLoading />
+  return <FullPageLoading />
 }

src/components/widgets/xlog/XLogSummaryAsync.tsx

@@ -1,5 +1,6 @@
 'use client'
 
+import { queryClient } from '~/providers/root/react-query-provider'
 import { Suspense } from 'react'
 
 import { clsxm } from '~/lib/helper'
@@ -11,16 +12,22 @@ const fetchData = async (cid: string) => {
     return null
   }
 
-  return fetch(
-    `/api/xlog/summary?cid=${cid}&lang=${navigator.language.split('-')[0]}`,
-    {
-      next: {
-        revalidate: 60 * 10,
-      },
+  return queryClient.fetchQuery({
+    queryKey: ['xlog', 'summary', cid],
+    staleTime: 6000,
+    cacheTime: 6000,
+    queryFn: () => {
+      const lang =
+        'navigator' in globalThis ? navigator.language.split('-')[0] : 'zh'
+      return fetch(`/api/xlog/summary?cid=${cid}&lang=${lang}`, {
+        next: {
+          revalidate: 60 * 10,
+        },
+      })
+        .then((res) => res.json())
+        .catch(() => null)
     },
-  )
-    .then((res) => res.json())
-    .catch(() => null)
+  })
 }
 
 export const XLogSummaryAsync = async (