Tidy up metadata, headings, forms, and small accessibility fixes

src/pages/projects.astro

@@ -20,7 +20,7 @@ const types = [...new Set(projects.map((project) => project.data.type))];
   <div class="w-full">
     <section id="projects" class="bg-white dark:bg-gray-950">
       <div class="mx-auto max-w-4xl px-8 py-16 text-center">
-        <SectionTitle>Recent Projects</SectionTitle>
+        <SectionTitle Tag="h1">Recent Projects</SectionTitle>
         <div id="filter-tokens" class="my-8 space-y-2 space-x-2">
           <Token
             class="filter-token !text-primary ring-primary bg-white ring-2 hover:cursor-pointer"