Improve accessibility and polish page styling

app/dashboard/[id]/page.tsx

@@ -18,7 +18,7 @@ export default async function Draft({
   return (
     <>
       <Header />
-      <main className="section page-content">
+      <main className="section page-content" id="main-content" tabIndex={-1}>
         <span className="eyebrow">{t("YOUR WORLD · YOUR LOCATIONS")}</span>
         <h1>{t("Map workshop")}</h1>
         <DraftEditor id={id} hostName={profile.display_name} />

app/dashboard/page.tsx

@@ -28,7 +28,7 @@ export default async function DashboardPage() {
   return (
     <>
       <Header />
-      <main className="section page-content">
+      <main className="section page-content" id="main-content" tabIndex={-1}>
         {account ? (
           <>
             <span className="eyebrow">{t("THE CARTOGRAPHER’S DESK")}</span>