Revert changes

app/components/AppFooter.vue

@@ -29,7 +29,7 @@ const socials = [
     </div>
     <div class="space-y-4">
       <div class="flex flex-col md:flex-row gap-2 md:items-center">
-        <h3>Find me on:</h3>
+        <h1>Find me on:</h1>
         <div class="flex gap-4">
           <HomeLink
             v-for="social in socials"
@@ -42,7 +42,7 @@ const socials = [
         </div>
       </div>
       <div class="flex flex-col md:flex-row gap-2 md:items-center">
-        <h4>Or send me an email:</h4>
+        <h1>Or send me an email:</h1>
         <div class="flex">
           <HomeLink
             blanked

app/components/AppHeader.vue

@@ -74,6 +74,7 @@ defineShortcuts({
           :icon="nav.icon"
           :target="nav.target ? nav.target : '_self'"
           :to="nav.to"
+          :aria-label="nav.label"
           color="white"
           size="sm"
           label=""
@@ -88,6 +89,7 @@ defineShortcuts({
           <UButton
             :icon="isDark ? 'i-ph-moon-duotone' : 'i-ph-sun-duotone'"
             color="white"
+            aria-label="switch theme"
             size="sm"
             variant="solid"
             @click="toggleTheme()"

app/components/uses/List.vue

@@ -0,0 +1,20 @@
+<template>
+  <div class="space-y-8">
+    <UDivider
+      :label="title"
+      size="xs"
+    />
+    <ul class="space-y-8">
+      <slot />
+    </ul>
+  </div>
+</template>
+
+<script lang="ts" setup>
+defineProps({
+  title: {
+    type: String,
+    required: true
+  }
+})
+</script>