authentik now working with convex auth

apps/next/src/app/page.tsx

@@ -1,41 +1,11 @@
-import { Suspense } from 'react';
-
-import { HydrateClient, prefetch, trpc } from '~/trpc/server';
-import { AuthShowcase } from './_components/auth-showcase';
-import {
-  CreatePostForm,
-  PostCardSkeleton,
-  PostList,
-} from './_components/posts';
-
-export default function HomePage() {
-  prefetch(trpc.post.all.queryOptions());
+'use client';
 
+const Home = () => {
   return (
-    <HydrateClient>
-      <main className="container h-screen py-16">
-        <div className="flex flex-col items-center justify-center gap-4">
-          <h1 className="text-5xl font-extrabold tracking-tight sm:text-[5rem]">
-            Create <span className="text-primary">T3</span> Turbo
-          </h1>
-          <AuthShowcase />
-
-          <CreatePostForm />
-          <div className="w-full max-w-2xl overflow-y-scroll">
-            <Suspense
-              fallback={
-                <div className="flex w-full flex-col gap-4">
-                  <PostCardSkeleton />
-                  <PostCardSkeleton />
-                  <PostCardSkeleton />
-                </div>
-              }
-            >
-              <PostList />
-            </Suspense>
-          </div>
-        </div>
-      </main>
-    </HydrateClient>
+    <div className="flex min-h-screen items-center justify-center">
+      Hello!
+    </div>
   );
-}
+};
+
+export default Home;