♻️ Moved the components to use naive ui + daisyui

app/components/CaptchaWidget.vue

@@ -1,9 +1,9 @@
 <template>
-  <div class="d-flex justify-center">
+  <div class="flex justify-center">
     <div v-if="provider === 'cloudflare'">
       <turnstile v-if="!!apiKey" :sitekey="apiKey" @callback="handleSuccess" />
       <div v-else class="mx-auto">
-        <v-progress-circular indeterminate />
+        <n-spin />
       </div>
     </div>
     <div v-else-if="provider === 'hcaptcha'">
@@ -13,7 +13,7 @@
         @verify="(tk: string) => handleSuccess(tk)"
       />
       <div v-else class="mx-auto">
-        <v-progress-circular indeterminate />
+        <n-spin />
       </div>
     </div>
     <div
@@ -21,8 +21,8 @@
       class="h-captcha"
       :data-sitekey="apiKey"
     />
-    <div v-else class="d-flex flex-column align-center justify-center gap-1">
-      <v-icon size="32"> mdi-alert-circle-outline </v-icon>
+    <div v-else class="flex flex-col items-center justify-center gap-1">
+      <span class="mdi mdi-alert-circle-outline text-3xl"></span>
       <span>Captcha provider not configured correctly.</span>
     </div>
   </div>