Migrate to tailwind + reka ui

src/components/LoadingIndicatorPage.vue

@@ -1,13 +1,17 @@
 <template>
-    <div v-if="!showContent" class="min-h-[75vh] w-full flex items-center justify-center">
+    <div v-if="!showContent" class="grid min-h-[75vh] w-full place-items-center">
         <span id="spinner" />
     </div>
-    <div v-else>
+    <div v-else v-bind="$attrs">
         <slot />
     </div>
 </template>
 
 <script setup>
+defineOptions({
+    inheritAttrs: false,
+});
+
 defineProps({
     showContent: {
         type: Boolean,
@@ -29,6 +33,7 @@ defineProps({
     display: inline-block;
     width: 70px;
     height: 70px;
+    margin-inline: auto;
 }
 #spinner:after {
     content: " ";