Improve MineGeo interface and functionality

app/settings/page.tsx

@@ -1,15 +1,20 @@
+import { getI18n } from "@/lib/i18n";
 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 async function generateMetadata() {
+  const { t } = await getI18n();
+  return { title: t("Account settings") };
+}
 export default async function Settings({
   searchParams,
 }: {
   searchParams: Promise<{ password?: string }>;
 }) {
+  const { t } = await getI18n();
   const account = await user();
   if (!account) redirect("/log-in?next=%2Fsettings");
   const [profile, query] = await Promise.all([
@@ -21,12 +26,14 @@ export default async function Settings({
       <Header />
       <main className="section page-content">
         <Link className="text-link" href="/dashboard">
-          ← My account
+          {t("← 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>
+          <span className="eyebrow">{t("YOUR CARTOGRAPHER ACCOUNT")}</span>
+          <h1>{t("Account settings.")}</h1>
+          <p className="lead">
+            {t("Your name, your sign-in, your next expedition.")}
+          </p>
         </div>
         <AccountSettings
           email={account.email ?? ""}