Improve MineGeo exploration and mapping features

app/settings/page.tsx

@@ -0,0 +1,40 @@
+import Link from "next/link";
+import { redirect } from "next/navigation";
+import { Header, Footer } from "@/components/Shell";
+import { AccountSettings } from "@/components/AccountSettings";
+import { user } from "@/lib/supabase";
+import { accountProfile } from "@/lib/profile";
+export const metadata = { title: "Account settings" };
+export default async function Settings({
+  searchParams,
+}: {
+  searchParams: Promise<{ password?: string }>;
+}) {
+  const account = await user();
+  if (!account) redirect("/log-in?next=%2Fsettings");
+  const [profile, query] = await Promise.all([
+    accountProfile(account),
+    searchParams,
+  ]);
+  return (
+    <>
+      <Header />
+      <main className="section page-content">
+        <Link className="text-link" href="/dashboard">
+          ← My account
+        </Link>
+        <div className="account-page-heading">
+          <span className="eyebrow">YOUR CARTOGRAPHER ACCOUNT</span>
+          <h1>Account settings.</h1>
+          <p className="lead">Your name, your sign-in, your next expedition.</p>
+        </div>
+        <AccountSettings
+          email={account.email ?? ""}
+          displayName={profile.display_name}
+          passwordUpdated={query.password === "updated"}
+        />
+      </main>
+      <Footer />
+    </>
+  );
+}