Improve MineGeo exploration and mapping features

components/Shell.tsx

@@ -1,17 +1,10 @@
+import "server-only";
 import Link from "next/link";
 import { Compass, ArrowUpRight, Globe2 } from "lucide-react";
-export function Brand() {
-  return (
-    <Link href="/" className="brand" aria-label="MineGeo home">
-      <span className="brand-cube">
-        <span />
-      </span>
-      Mine<span>Geo</span>
-      <sup>BETA</sup>
-    </Link>
-  );
-}
-export function Header() {
+import { user } from "@/lib/supabase";
+import { Brand } from "./Brand";
+export async function Header() {
+  const account = await user();
   return (
     <header className="site-header">
       <div className="header-inner">
@@ -21,8 +14,11 @@ export function Header() {
           <Link href="/downloads">Downloads</Link>
           <Link href="/about">Guide</Link>
         </nav>
-        <Link href="/dashboard" className="header-account">
-          My account <ArrowUpRight size={15} />
+        <Link
+          href={account ? "/dashboard" : "/log-in"}
+          className="header-account"
+        >
+          {account ? "My account" : "Log in"} <ArrowUpRight size={15} />
         </Link>
       </div>
     </header>