switch to bun, update all packages

src/app/_components/TopNav.tsx

@@ -1,6 +1,6 @@
 import Link from "next/link"
 import AdminWrap from "./AdminWrap"
-import { SignedIn, SignedOut, SignInButton, SignOutButton, SignUpButton, UserButton } from "@clerk/nextjs"
+import { Show, SignInButton, SignOutButton, SignUpButton, UserButton } from "@clerk/nextjs"
 import { Button } from "~/components/ui/button"
 import { ThemeSwitch } from "./ThemeSwitch"
 
@@ -28,27 +28,27 @@ export default function TopNav() {
 							<Link className="" href={"/admin"}> Admin </Link>
 						</Button>
 					</AdminWrap>
-					<SignedIn>
+					<Show when="signed-in">
 						<Button asChild className="flex h-full w-full lg:w-20" variant={"outline"}>
 							<SignOutButton />
 						</Button>
-					</SignedIn>
-					<SignedOut>
+					</Show>
+					<Show when="signed-out">
 						<Button asChild className="flex h-full cursor-pointer lg:w-20" variant={"outline"}>
 							<SignInButton mode="modal" />
 						</Button>
 						<Button asChild className="flex h-full cursor-pointer lg:w-20" variant={"outline"}>
 							<SignUpButton mode="modal" />
 						</Button>
-					</SignedOut>
+					</Show>
 					<ThemeSwitch />
-					<SignedIn>
+					<Show when="signed-in">
 						<Button asChild className="flex h-full cursor-pointer lg:w-20 content-center" variant={"outline"}>
 							<div>
 							<UserButton />
 							</div>
 						</Button>
-					</SignedIn>
+					</Show>
 				</div>
 			</nav>
 		</div>