<Link href="/" prefetch>
  Home
</Link>
<Link href="/settings" prefetch>
  Settings
</Link>

export default async function Home() {
  const session = await getSession();

  if (!session) {
    return redirect('/login');
  }

  api.bookmark.all.prefetch();

  return (
    <HydrateClient>
      <div className="p-4 md:p-6">
        <Suspense fallback={<BookmarkGridSkeleton />}>
          <BookmarkGrid />
        </Suspense>
      </div>
    </HydrateClient>
  );
}

export default async function SettingsPage() {
  const session = await getSession();

  if (!session) {
    return redirect('/login');
  }

  return (
    <div>
      <h1 className="text-lg font-semibold">Settings</h1>
    </div>
  );
}