add auth, drizzle, prisma setup logic with template

apps/cli/template/base/packages/client/src/routes/dashboard.tsx

@@ -0,0 +1,41 @@
+import { authClient } from "@/lib/auth-client";
+import { trpc } from "@/utils/trpc";
+import { createFileRoute } from "@tanstack/react-router";
+import { useEffect } from "react";
+
+export const Route = createFileRoute("/dashboard")({
+  component: RouteComponent,
+  loader: async ({ context: { trpcQueryUtils } }) => {
+    await trpcQueryUtils.healthCheck.ensureData();
+    await trpcQueryUtils.privateData.ensureData();
+    return;
+  },
+});
+
+function RouteComponent() {
+  const { data: session, isPending } = authClient.useSession();
+
+  const navigate = Route.useNavigate();
+
+  const privateData = trpc.privateData.useQuery();
+
+  useEffect(() => {
+    if (!session && !isPending) {
+      navigate({
+        to: "/",
+      });
+    }
+  }, [session, isPending]);
+
+  if (isPending) {
+    return <div>Loading...</div>;
+  }
+
+  return (
+    <div>
+      <h1>Dashboard</h1>
+      <p>Welcome {session?.user.name}</p>
+      <p>privateData: {privateData.data?.message}</p>
+    </div>
+  );
+}