Add ability to log out from welcome upgrade page

apps/web/app/(landing)/welcome-upgrade/WelcomeUpgradeNav.tsx

@@ -0,0 +1,25 @@
+"use client";
+
+import Link from "next/link";
+import { Button } from "@/components/ui/button";
+import { logOut } from "@/utils/user";
+
+export function WelcomeUpgradeNav() {
+  return (
+    <nav className="w-full px-6 py-4">
+      <div className="flex justify-end gap-2">
+        <Button asChild variant="ghost">
+          <Link href="/settings">Account</Link>
+        </Button>
+        <Button
+          onClick={() => {
+            logOut("/");
+          }}
+          variant="ghost"
+        >
+          Log out
+        </Button>
+      </div>
+    </nav>
+  );
+}

apps/web/app/(landing)/welcome-upgrade/page.tsx

@@ -3,10 +3,12 @@ import { CheckCircleIcon } from "lucide-react";
 import { Pricing } from "@/app/(app)/premium/Pricing";
 import { Footer } from "@/app/(landing)/home/Footer";
 import { Loading } from "@/components/Loading";
+import { WelcomeUpgradeNav } from "@/app/(landing)/welcome-upgrade/WelcomeUpgradeNav";
 
 export default function WelcomeUpgradePage() {
   return (
-    <div className="mt-8">
+    <>
+      <WelcomeUpgradeNav />
       <Suspense fallback={<Loading />}>
         <Pricing
           header={
@@ -32,7 +34,7 @@ export default function WelcomeUpgradePage() {
         />
       </Suspense>
       <Footer />
-    </div>
+    </>
   );
 }