fix: work-around headlessui bug

Although the docs [1] specify a class on Popover components, this
doesn’t seem to be passed down. We help ourselves with a selector for
the data-headlessui-state attribute .

[1] https://headlessui.com/vue/popover

src/assets/styles/tailwind.css

@@ -113,6 +113,10 @@ thead .fc-day-selected:hover {
 }
 
 @layer components {
+  [data-headlessui-state='open'] {
+    position: relative;
+  }
+
   .btn-default {
     @apply tw-bg-gray-100 tw-border tw-border-solid tw-border-black/5 tw-transition hover:enabled:tw-brightness-95 focus-visible:enabled:tw-brightness-95;
   }

src/components/generic/ASection.vue

 <template>
   <section>
-    <header
-      class="tw-relative tw-w-fit tw-flex tw-items-center tw-gap-6 tw-mt-12 tw-mb-4 first:tw-mt-0"
-    >
+    <header class="tw-relative tw-flex tw-items-center tw-gap-6 tw-mt-12 tw-mb-4 first:tw-mt-0">
       <SectionTitle>{{ title }}</SectionTitle>
       <slot name="header" />
     </header>