add modal titles

src/components/TopBar.vue

@@ -51,6 +51,7 @@ const authModalInitialStateOpen = ref(
             <template #activator="{ open }">
               <button class="btn-outline btn-sm btn py-1 text-white" @click="open">Sign in</button>
             </template>
+            <template #title>Sign in</template>
             <template #default="{ close }">
               <Auth @signedIn="close" />
             </template>
@@ -70,8 +71,14 @@ const authModalInitialStateOpen = ref(
               >
                 <Modal>
                   <template #activator="{ open }">
-                    <li @click="open" class="text-base"><a><i class="fa-fw fa-solid fa-right-from-bracket" />Sign out</a></li>
+                    <li @click="open" class="text-base">
+                      <a>
+                        <i class="fa-fw fa-solid fa-right-from-bracket" />
+                        Sign out
+                      </a>
+                    </li>
                   </template>
+                  <template #title>Sign out</template>
                   <template #default>Are you sure want to signout?</template>
                   <template #actions="{ close }">
                     <button class="btn-sm btn" @click="close">Close</button>