diff --git a/.vscode/settings.json b/.vscode/settings.json
index 19977e72c..c383950da 100644
--- a/.vscode/settings.json
+++ b/.vscode/settings.json
@@ -63,5 +63,11 @@
     "https://json.schemastore.org/github-workflow.json": "/.github/workflows/*.yml"
   },
   "testing.automaticallyOpenPeekView": "never",
-  "tailwindCSS.experimental.configFile": ".nuxt/tailwind.config.cjs"
+  "files.associations": {
+    "*.css": "tailwindcss"
+  },
+  "editor.quickSuggestions": {
+    "strings": true
+  },
+  "tailwindCSS.experimental.configFile": "tailwind.config.ts"
 }
diff --git a/app.config.ts b/app.config.ts
index 90e50c1c2..a7034266f 100644
--- a/app.config.ts
+++ b/app.config.ts
@@ -1,29 +1,6 @@
-import theme from '#tailwind-config/theme.mjs'
-
 export default defineAppConfig({
-  naiveui: {
-    themeConfig: {
-      shared: {
-        common: {
-          fontFamily: theme.fontFamily.sans.join(', '),
-          lineHeight: theme.lineHeight.normal,
-        },
-      },
-      light: {
-        common: {
-          primaryColor: theme.colors.primary[500],
-          primaryColorHover: theme.colors.primary[600],
-          primaryColorPressed: theme.colors.primary[700],
-          primaryColorSuppl: theme.colors.primary[600],
-        },
-      },
-      dark: {
-        common: {
-          primaryColor: theme.colors.primary[500],
-          primaryColorHover: theme.colors.primary[400],
-          primaryColorPressed: theme.colors.primary[600],
-        },
-      },
-    },
+  ui: {
+    primary: 'primary',
+    gray: 'gray',
   },
 })
diff --git a/app.vue b/app.vue
deleted file mode 100644
index 71ddeae25..000000000
--- a/app.vue
+++ /dev/null
@@ -1,12 +0,0 @@
-<template>
-  <NaiveConfig>
-    <NuxtPage></NuxtPage>
-  </NaiveConfig>
-</template>
-
-<style lang="css">
-/* Workaround for https://github.com/becem-gharbi/nuxt-naiveui/issues/8 */
-.n-button {
-  background-color: var(--n-color) !important;
-}
-</style>
diff --git a/components/DetailPane.vue b/components/DetailPane.vue
index 1ce20a6f5..c0cec6d09 100644
--- a/components/DetailPane.vue
+++ b/components/DetailPane.vue
@@ -16,13 +16,13 @@
         <div
           class="absolute top-10 -left-3.5 w-7 h-7 rounded-full bg-white border border-gray-300 md:shadow-sm flex items-center justify-center active:border-gray-300 transform text-gray-400 hover:scale-110 hover:border-gray-400 hover:text-gray-500"
         >
-          <n-button
+          <UButton
             quaternary
             circle
             @click="closePane"
           >
-            <Icon name="ri:close-fill" />
-          </n-button>
+            <UIcon name="ri:close-fill" />
+          </UButton>
         </div>
         <slot>
           <document-editor
diff --git a/components/DocumentEditor.vue b/components/DocumentEditor.vue
index 3cae84c23..438787a1f 100644
--- a/components/DocumentEditor.vue
+++ b/components/DocumentEditor.vue
@@ -9,7 +9,7 @@
         variant="plaincaps"
       >
         <template #arrow="{ className }">
-          <Icon
+          <UIcon
             name="ri:arrow-drop-down-line"
             :class="className"
           />
diff --git a/components/DocumentView.vue b/components/DocumentView.vue
index 13ecb156c..081c9b820 100644
--- a/components/DocumentView.vue
+++ b/components/DocumentView.vue
@@ -5,12 +5,12 @@
         class="font-semibold text-lg text-primary-800"
         @click="displayDocumentDetails"
       >
-        <Icon
+        <UIcon
           v-if="typeIcon"
           :name="typeIcon"
           class="mr-1"
           :title="typeDescription"
-        ></Icon>
+        />
         <span>{{ document.title }}</span>
       </button>
       <!-- TOOD: Add citation display
@@ -69,14 +69,14 @@
         variant="badge"
         class="border border-gray-400"
       >
-        <!-- TODO: Add icon of group <Icon name="dragon" class="mr-2" /> -->
+        <!-- TODO: Add icon of group <UIcon name="dragon" class="mr-2" /> -->
         {{ keyword }}
       </t-tag>
       <!-- TODO: Add overflow
-      <n-button variant="linkplain" class="text-sm my-auto">
+      <UButton variant="linkplain" class="text-sm my-auto">
         <span>View More (8+)</span>
-        <Icon name="ri:arrow-down-s-line" />
-      </n-button>
+        <UIcon name="ri:arrow-down-s-line" />
+      </UButton>
       -->
     </div>
     <div v-if="'abstract' in document && document.abstract">
@@ -86,20 +86,20 @@
       >
         {{ document.abstract }}
       </span>
-      <n-button
+      <UButton
         text
         class="text-sm my-auto"
         @click="viewFullAbstract = !viewFullAbstract"
       >
         <template v-if="viewFullAbstract">
           <span>View less</span>
-          <Icon name="ri:arrow-up-s-line" />
+          <UIcon name="ri:arrow-up-s-line" />
         </template>
         <template v-else>
           <span>View full abstract</span>
-          <Icon name="ri:arrow-down-s-line" />
+          <UIcon name="ri:arrow-down-s-line" />
         </template>
-      </n-button>
+      </UButton>
     </div>
   </div>
 </template>
diff --git a/components/LandingPageDownload.client.vue b/components/LandingPageDownload.client.vue
index 6482c898d..60088699f 100644
--- a/components/LandingPageDownload.client.vue
+++ b/components/LandingPageDownload.client.vue
@@ -10,17 +10,13 @@
           JabRef is free and works across all your devices.
         </h3>
         <div class="text-center">
-          <n-button
-            type="primary"
-            size="large"
-            style="height: 3.2em"
-          >
+          <UButton size="lg">
             <a
               class="text-2xl"
               :href="downloadUrl"
               >Download JabRef</a
             >
-          </n-button>
+          </UButton>
         </div>
 
         <div class="text-center pt-8 text-sm">
diff --git a/components/LandingPageGetInvolved.vue b/components/LandingPageGetInvolved.vue
index b459a7aab..807a93a07 100644
--- a/components/LandingPageGetInvolved.vue
+++ b/components/LandingPageGetInvolved.vue
@@ -32,22 +32,25 @@
         </p>
         <p class="text-justify">
           JabRef is developed and maintained by a multidisciplinary
-          <n-popover trigger="hover">
-            <template #trigger>
-              <n-button text>core team</n-button>
+          <UPopover
+            mode="hover"
+            popper="{ arrow: false}"
+          >
+            <UButton variant="link">core team</UButton>
+            <template #panel>
+              <div class="p-4">
+                <ul
+                  v-for="member in maintainers"
+                  :key="member"
+                  class="list-disc"
+                >
+                  <li class="text-sm">
+                    {{ member }}
+                  </li>
+                </ul>
+              </div>
             </template>
-            <div class="px-4 py-1">
-              <ul
-                v-for="member in maintainers"
-                :key="member"
-                class="list-disc"
-              >
-                <li class="text-sm">
-                  {{ member }}
-                </li>
-              </ul>
-            </div>
-          </n-popover>
+          </UPopover>
           of PhD students, postdocs, and researchers in industry who work on
           JabRef in their free time. Without the support of numerous volunteers,
           none of this would have been possible. We welcome anyone who would
@@ -61,7 +64,7 @@
         <div
           class="lg:min-w-0 mx-auto flex flex-col flex-no-shrink flex-grow break-words text-center py-6 md:px-6 max-w-prose"
         >
-          <n-button
+          <UButton
             text
             type="primary"
             class="text-xl mx-auto text-primary-500"
@@ -69,13 +72,13 @@
             <a
               href="https://docs.jabref.org/faq/faqcontributing#i-am-not-a-programmer"
             >
-              <Icon
+              <UIcon
                 name="ri:hearts-fill"
                 class="text-6xl"
               />
               <h4 class="text-2xl mb-3 font-semibold">Contribute</h4>
             </a>
-          </n-button>
+          </UButton>
           <h5 class="pb-2 text-xl">Help us build JabRef</h5>
           <p>
             You do not need to be a developer to improve the documentation,
@@ -91,19 +94,19 @@
         <div
           class="lg:min-w-0 mx-auto flex flex-col flex-no-shrink flex-grow break-words text-center py-6 md:px-6 max-w-prose"
         >
-          <n-button
+          <UButton
             text
             type="primary"
             class="text-xl mx-auto text-primary-500"
           >
             <a href="https://github.com/JabRef/jabref/wiki/Donations">
-              <Icon
+              <UIcon
                 name="ri:gift-fill"
                 class="text-6xl"
               />
               <h4 class="text-2xl mb-3 font-semibold">Donate</h4>
             </a>
-          </n-button>
+          </UButton>
           <h5 class="pb-2 text-xl">Support the development</h5>
           <p>
             Help us pay for project development and operating costs so that we
@@ -119,19 +122,19 @@
         <div
           class="lg:min-w-0 mx-auto flex flex-col flex-no-shrink flex-grow break-words text-center py-6 md:px-6 max-w-prose"
         >
-          <n-button
+          <UButton
             text
             type="primary"
             class="text-xl mx-auto text-primary-500"
           >
             <a href="https://github.com/JabRef/jabref">
-              <Icon
+              <UIcon
                 name="ri:code-s-slash-fill"
                 class="text-6xl"
               />
               <h4 class="text-2xl mb-3 font-semibold">Develop</h4>
             </a>
-          </n-button>
+          </UButton>
           <h5 class="pb-2 text-xl">Make JabRef even better</h5>
           <p>
             JabRef is and always will be 100% free and open-source. Contribute
diff --git a/components/LandingPageMore.vue b/components/LandingPageMore.vue
index e2e4a7cab..b65c04a20 100644
--- a/components/LandingPageMore.vue
+++ b/components/LandingPageMore.vue
@@ -16,7 +16,7 @@
             :href="item.href"
             class="text-primary-500 hover:text-primary-600"
           >
-            <Icon
+            <UIcon
               :name="item.icon"
               class="text-6xl"
             />
diff --git a/components/ModalDialog.vue b/components/ModalDialog.vue
index f94752898..73176c8bb 100644
--- a/components/ModalDialog.vue
+++ b/components/ModalDialog.vue
@@ -36,7 +36,7 @@
             <div
               class="flex items-center justify-end p-6 border-t border-solid border-slate-200 rounded-b"
             >
-              <n-button @click="showModal = false"> Close </n-button>
+              <UButton @click="showModal = false"> Close </UButton>
             </div>
           </slot>
         </div>
diff --git a/components/NavBar.vue b/components/NavBar.vue
index 203e1ac23..1ce40da50 100644
--- a/components/NavBar.vue
+++ b/components/NavBar.vue
@@ -30,7 +30,7 @@
         type="submit"
         class="absolute left-0 top-0 bottom-0 ml-2"
       >
-        <Icon
+        <UIcon
           name="ri:search-line"
           class="text-gray-400"
         />
@@ -38,7 +38,7 @@
     </div>
 
     <!-- Hamburger menu for small screens -->
-    <n-popover
+    <UPopover
       ref="hamburgerMenu"
       placement="top-end"
       :overlap="true"
@@ -53,43 +53,45 @@
       "
       @update:show="isHamburgerShown = $event"
     >
-      <template #trigger>
+      <div
+        v-show="isSmallDisplay"
+        class="flex mr-5 items-center relative"
+      >
         <div
-          v-show="isSmallDisplay"
-          class="flex mr-5 items-center relative"
+          v-if="isHamburgerShown"
+          class="fixed z-50 inset-0 w-full h-full"
+          role="dialog"
+          aria-modal="true"
         >
           <div
-            v-if="isHamburgerShown"
-            class="fixed z-50 inset-0 w-full h-full"
-            role="dialog"
-            aria-modal="true"
-          >
-            <div
-              class="backdrop-blur-sm bg-gray-400/20 w-full h-full"
-              aria-hidden="true"
-            ></div>
-          </div>
-          <button
-            class="text-right text-gray-700 text-xl relative z-60"
-            @click="isHamburgerShown = !isHamburgerShown"
-          >
-            <Icon :name="isHamburgerShown ? 'ri:close-fill' : 'ri:menu-fill'" />
-          </button>
+            class="backdrop-blur-sm bg-gray-400/20 w-full h-full"
+            aria-hidden="true"
+          ></div>
         </div>
-      </template>
-      <div class="px-6 py-5 text-base max-w-xs w-full">
         <button
-          class="text-right text-gray-700 text-xl absolute top-3 right-5"
-          @click=";[hamburgerMenu?.setShow(false), (isHamburgerShown = false)]"
+          class="text-right text-gray-700 text-xl relative z-60"
+          @click="isHamburgerShown = !isHamburgerShown"
         >
-          <Icon
-            v-if="isHamburgerShown"
-            name="ri:close-fill"
-          />
+          <UIcon :name="isHamburgerShown ? 'ri:close-fill' : 'ri:menu-fill'" />
         </button>
-        <slot name="collapsed" />
       </div>
-    </n-popover>
+      <template #panel>
+        <div class="px-6 py-5 text-base max-w-xs w-full">
+          <button
+            class="text-right text-gray-700 text-xl absolute top-3 right-5 bg-"
+            @click="
+              ;[hamburgerMenu?.setShow(false), (isHamburgerShown = false)]
+            "
+          >
+            <UIcon
+              v-if="isHamburgerShown"
+              name="ri:close-fill"
+            />
+          </button>
+          <slot name="collapsed" />
+        </div>
+      </template>
+    </UPopover>
 
     <!-- Main menu -->
     <div v-show="!isSmallDisplay">
@@ -102,7 +104,7 @@
               Subscriptions
             </span>
             <div class="inline-block align-top pl-0.5 -mt-1">
-              <Icon
+              <UIcon
                 name="ri:checkbox-blank-circle-fill"
                 class="text-primary-600 text-xs"
               />
@@ -117,7 +119,7 @@
       v-if="showUserProfile"
       class="flex items-center pr-10 space-x-7"
     >
-      <Icon
+      <UIcon
         name="ri:notification-3-fill"
         class="text-gray-400 hover:text-primary-500 text-lg"
       />
@@ -187,15 +189,15 @@
 </template>
 
 <script lang="ts" setup>
+import type { UPopover } from '#ui/types'
 import { useApolloClient, useMutation } from '@vue/apollo-composable'
 import { breakpointsTailwind, useBreakpoints } from '@vueuse/core'
-import { NPopover } from 'naive-ui'
 import { gql } from '~/apollo'
 import { cacheCurrentUser } from '~/apollo/cache'
 import { useUiStore } from '~/store'
 
 const isHamburgerShown = ref(false)
-const hamburgerMenu = ref<typeof NPopover | null>(null)
+const hamburgerMenu = ref<typeof UPopover | null>(null)
 
 const isSmallDisplay = useBreakpoints(breakpointsTailwind).smallerOrEqual('md')
 
diff --git a/components/PasswordInput.vue b/components/PasswordInput.vue
index 139944199..19929e293 100644
--- a/components/PasswordInput.vue
+++ b/components/PasswordInput.vue
@@ -9,7 +9,7 @@
     <div
       class="absolute inset-y-0 right-0 pr-3 flex items-center text-sm leading-5"
     >
-      <Icon
+      <UIcon
         class="text-gray-500"
         :name="showHiddenPassword ? 'ri:eye-line' : 'ri:eye-off-line'"
         :title="showHiddenPassword ? 'Show Password' : 'Hide Password'"
diff --git a/components/SideBar.vue b/components/SideBar.vue
index b8cf6d045..9402dfa0e 100644
--- a/components/SideBar.vue
+++ b/components/SideBar.vue
@@ -20,7 +20,7 @@
         href="#"
         class="mb-3 capitalize font-medium text-sm hover:text-teal-600 transition ease-in-out duration-500"
       >
-        <Icon
+        <UIcon
           name="ri:list-check"
           class="mr-2 pb-0.5"
         />
@@ -31,7 +31,7 @@
         href="#"
         class="mb-3 capitalize font-medium text-sm hover:text-teal-600 transition ease-in-out duration-500"
       >
-        <Icon
+        <UIcon
           name="ri:arrow-left-right-fill"
           class="mr-2"
         />
@@ -54,11 +54,11 @@
             class="-ml-8 mr-4 w-4 text-gray-400 inline-block"
             @click="stat.open = !stat.open"
           >
-            <Icon
+            <UIcon
               v-if="!stat.open"
               name="ri:arrow-down-s-line"
             />
-            <Icon
+            <UIcon
               v-else
               name="ri:arrow-up-s-line"
             />
@@ -67,7 +67,7 @@
             class="hover:bg-gray-200 pl-1 pr-1"
             @click="onGroupClicked(node)"
           >
-            <Icon
+            <UIcon
               :name="node.icon"
               class="mr-2 pb-0.5"
             />
diff --git a/components/UButton.stories.vue b/components/UButton.stories.vue
new file mode 100644
index 000000000..4a0dd6b4f
--- /dev/null
+++ b/components/UButton.stories.vue
@@ -0,0 +1,22 @@
+<script setup lang="ts">
+import { UButton } from '#components'
+</script>
+<template>
+  <Stories
+    title="UButton"
+    :component="UButton"
+  >
+    <Story title="Standard">
+      <UButton>Button</UButton>
+    </Story>
+    <Story title="Error">
+      <UButton color="error">error</UButton>
+    </Story>
+    <Story title="Success">
+      <UButton color="success">success</UButton>
+    </Story>
+    <Story title="Link">
+      <UButton variant="link">Link</UButton>
+    </Story>
+  </Stories>
+</template>
diff --git a/components/n-button.stories.vue b/components/n-button.stories.vue
deleted file mode 100644
index c90b7e7f2..000000000
--- a/components/n-button.stories.vue
+++ /dev/null
@@ -1,28 +0,0 @@
-<script setup lang="ts">
-import { NButton } from 'naive-ui'
-</script>
-<template>
-  <Stories
-    title="n-button"
-    :component="NButton"
-  >
-    <Story title="Standard">
-      <n-button>Button</n-button>
-    </Story>
-    <Story title="Error">
-      <n-button type="error">error</n-button>
-    </Story>
-    <Story title="Success">
-      <n-button type="success">success</n-button>
-    </Story>
-    <Story title="Primary">
-      <n-button type="primary">primary</n-button>
-    </Story>
-    <Story title="Tertiary">
-      <n-button type="tertiary">tertiary</n-button>
-    </Story>
-    <Story title="Link">
-      <n-button text>Link</n-button>
-    </Story>
-  </Stories>
-</template>
diff --git a/layouts/content.vue b/layouts/content.vue
index 01634e552..33f544c4a 100644
--- a/layouts/content.vue
+++ b/layouts/content.vue
@@ -30,21 +30,14 @@
       screenshot="https://www.jabref.org/assets/jabref-mainscreen.png"
       :offers="{ price: '0', priceCurrency: 'EUR' }"
     />
-    <n-layout :position="position">
-      <header>
-        <n-layout-header
-          :position="position"
-          class="z-50"
-        >
-          <slot name="header">
-            <NavBar />
-          </slot>
-        </n-layout-header>
+    <div class="overflow-hidden alig">
+      <header class="position-absolute z-50">
+        <NavBar />
       </header>
       <div class="md:mt-20 md:pb-10">
         <slot />
       </div>
-    </n-layout>
+    </div>
   </div>
 </template>
 <script setup lang="ts">
diff --git a/nuxt.config.ts b/nuxt.config.ts
index 0bfbce017..3fedc91f3 100644
--- a/nuxt.config.ts
+++ b/nuxt.config.ts
@@ -125,10 +125,6 @@ export default defineNuxtConfig({
    ** Nuxt.js modules
    */
   modules: [
-    // https://go.nuxtjs.dev/tailwindcss
-    '@nuxtjs/tailwindcss',
-    // Add support for naive-ui
-    '@bg-dev/nuxt-naiveui',
     // Use Pinia for state management
     '@pinia/nuxt',
     // Add server-side graphql support
@@ -142,8 +138,6 @@ export default defineNuxtConfig({
     // Devtools support
     // https://github.com/nuxt/devtools
     '@nuxt/devtools',
-    // Add support for different icons from iconify
-    'nuxt-icon',
     // Add some auto-imports for vee-validate
     '@vee-validate/nuxt',
     // Support for end-to-end testing and unit testing (and Vitest integration)
@@ -152,6 +146,9 @@ export default defineNuxtConfig({
     // Preset for configuring SEO
     // https://nuxtseo.com/nuxt-seo
     '@nuxtjs/seo',
+    // Nuxt UI components library
+    // https://ui.nuxt.com
+    '@nuxt/ui',
   ],
 
   /*
@@ -181,6 +178,10 @@ export default defineNuxtConfig({
    */
   // storybook: {},
 
+  // Use the Nuxt UI Pro preset
+  // https://ui.nuxt.com/pro
+  extends: ['@nuxt/ui-pro'],
+
   tailwindcss: {
     // Expose config so that we can use it to configure naive ui and in the vscode extension
     exposeConfig: {
@@ -188,6 +189,11 @@ export default defineNuxtConfig({
     },
   },
 
+  colorMode: {
+    // Disable dark mode for now
+    preference: 'light',
+  },
+
   /**
    * GraphQL server config
    * See https://github.com/tobiasdiez/nuxt-graphql-server
diff --git a/package.json b/package.json
index 79480d250..0bfead78d 100644
--- a/package.json
+++ b/package.json
@@ -23,7 +23,7 @@
     "prisma:studio": "prisma studio",
     "prisma:generate": "prisma generate",
     "prisma:generate:watch": "prisma generate --watch",
-    "storybook": "storybook dev -p 6006 --preview-url=http://localhost:3000/_storybook/external-iframe --no-manager-cache",
+    "storybook": "storybook dev -p 6006 --preview-url=http://localhost:3000/_storybook/external-iframe",
     "storybook:build": "storybook build",
     "storybook:publish": "chromatic --exit-zero-on-changes --build-script-name storybook:build",
     "graphql:generate": "graphql-codegen-esm",
@@ -48,9 +48,9 @@
     "@azure/communication-email": "1.0.0",
     "@graphql-tools/schema": "10.0.5",
     "@he-tree/vue": "2.8.2",
+    "@iconify-json/ri": "^1.1.22",
     "@lucia-auth/adapter-prisma": "3.0.2",
     "@lucia-auth/adapter-session-unstorage": "2.1.0",
-    "@nuxtjs/tailwindcss": "6.12.1",
     "@pinia/nuxt": "0.5.3",
     "@popperjs/core": "2.11.8",
     "@prisma/client": "5.18.0",
@@ -85,7 +85,6 @@
     "@apollo/utils.keyvaluecache": "3.1.0",
     "@azure/core-rest-pipeline": "1.16.1",
     "@azure/static-web-apps-cli": "2.0.1",
-    "@bg-dev/nuxt-naiveui": "1.14.0",
     "@graphql-codegen/add": "5.0.3",
     "@graphql-codegen/cli": "5.0.2",
     "@graphql-codegen/fragment-matcher": "5.0.2",
@@ -98,8 +97,10 @@
     "@graphql-tools/utils": "10.5.1",
     "@graphql-typed-document-node/core": "3.2.0",
     "@nuxt/content": "2.13.2",
+    "@nuxt/image": "^1.7.0",
     "@nuxt/kit": "3.12.4",
     "@nuxt/test-utils": "3.14.0",
+    "@nuxt/ui": "^2.18.4",
     "@nuxtjs/eslint-config": "12.1.0",
     "@nuxtjs/eslint-config-typescript": "12.1.0",
     "@nuxtjs/seo": "2.0.0-rc.18",
@@ -108,9 +109,7 @@
     "@storybook/types": "8.0.8",
     "@storybook/vue3": "7.6.20",
     "@storybook/vue3-vite": "7.6.20",
-    "@tailwindcss/forms": "0.5.7",
     "@tailwindcss/line-clamp": "0.4.4",
-    "@tailwindcss/typography": "0.5.13",
     "@types/bcryptjs": "2.4.6",
     "@types/lodash": "4.17.6",
     "@types/node": "20.14.10",
@@ -139,7 +138,7 @@
     "graphql-codegen-typescript-validation-schema": "0.16.0",
     "graphql-tag": "2.12.6",
     "mount-vue-component": "0.10.2",
-    "naive-ui": "2.39.0",
+    "@nuxt/ui-pro": "^1.4.1",
     "nuxt": "3.12.4",
     "nuxt-graphql-server": "3.1.4",
     "nuxt-icon": "0.6.10",
diff --git a/pages/_storybook/external-iframe.vue b/pages/_storybook/external-iframe.vue
index cdd8a06f9..945884420 100644
--- a/pages/_storybook/external-iframe.vue
+++ b/pages/_storybook/external-iframe.vue
@@ -22,7 +22,7 @@ import type { VueRenderer } from '@storybook/vue3'
 import { applyDecorators } from '@storybook/vue3/dist/entry-preview.mjs'
 import { mount } from 'mount-vue-component'
 import * as JabRefLogoStories from '~/components/JabRefLogo.stories.vue'
-import * as NButtonStories from '~/components/n-button.stories.vue'
+import * as UButtonStories from '~/components/UButton.stories.vue'
 import * as TAlertStories from '~/components/t-alert.stories'
 import * as TCheckboxStories from '~/components/t-checkbox.stories'
 import * as TDropdownStories from '~/components/t-dropdown.stories'
@@ -71,7 +71,7 @@ export default defineComponent({
       () => [
         JabRefLogoStories,
         TAlertStories,
-        NButtonStories,
+        UButtonStories,
         TCheckboxStories,
         TDropdownStories,
         TInputGroupStories,
diff --git a/pages/change-password/[token].vue b/pages/change-password/[token].vue
index cdd7429ac..12aead340 100644
--- a/pages/change-password/[token].vue
+++ b/pages/change-password/[token].vue
@@ -23,11 +23,11 @@
           </t-input-group>
         </div>
         <div class="py-2 text-center">
-          <n-button
+          <UButton
             class="w-full"
             type="primary"
             attr-type="submit"
-            >Change Password</n-button
+            >Change Password</UButton
           >
         </div>
       </form>
diff --git a/pages/index.vue b/pages/index.vue
index 92f9642f4..10949b726 100644
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -68,20 +68,15 @@
           </div>
           <div class="row justify-content-center py-6 md:pb-16">
             <div class="col-auto">
-              <n-button
-                type="primary"
-                size="large"
-                class="mx-auto"
-                style="height: 3.2em"
-              >
-                <ClientOnly>
-                  <a
-                    class="text-2xl"
-                    :href="constructDownloadUrl()"
-                    >Download JabRef</a
-                  >
-                </ClientOnly>
-              </n-button>
+              <ClientOnly>
+                <UButton
+                  size="lg"
+                  class="text-2xl"
+                  :to="constructDownloadUrl()"
+                >
+                  Download JabRef
+                </UButton>
+              </ClientOnly>
             </div>
           </div>
         </div>
diff --git a/pages/user/forgot-password.vue b/pages/user/forgot-password.vue
index e0ed18c79..1582a6e11 100644
--- a/pages/user/forgot-password.vue
+++ b/pages/user/forgot-password.vue
@@ -32,11 +32,11 @@
             />
           </t-input-group>
           <div class="py-2 text-center">
-            <n-button
+            <UButton
               class="w-full"
               type="primary"
               attr-type="submit"
-              >Submit</n-button
+              >Submit</UButton
             >
           </div>
         </div>
diff --git a/pages/user/login.vue b/pages/user/login.vue
index 4be8d1733..f5aabe6d1 100644
--- a/pages/user/login.vue
+++ b/pages/user/login.vue
@@ -23,7 +23,7 @@
         {{ error }}
       </n-alert>
       <n-form
-        size="large"
+        size="lg"
         @submit="onSubmit"
       >
         <div class="space-y-2">
@@ -65,11 +65,11 @@
           </div>
 
           <div class="py-2 text-center">
-            <n-button
+            <UButton
               class="w-full"
               type="primary"
               attr-type="submit"
-              >Sign in</n-button
+              >Sign in</UButton
             >
           </div>
 
diff --git a/pages/user/register.vue b/pages/user/register.vue
index a3930d5be..77cb3d50c 100644
--- a/pages/user/register.vue
+++ b/pages/user/register.vue
@@ -45,11 +45,11 @@
             <PasswordInput v-model="password" />
           </t-input-group>
           <div class="py-2 text-center">
-            <n-button
+            <UButton
               class="w-full"
               type="primary"
               attr-type="submit"
-              >Create your account</n-button
+              >Create your account</UButton
             >
           </div>
           <div>
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 787ecc3e8..de477ac9c 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -37,15 +37,15 @@ importers:
       '@he-tree/vue':
         specifier: 2.8.2
         version: 2.8.2(vue@3.4.31(typescript@5.5.4))
+      '@iconify-json/ri':
+        specifier: ^1.1.22
+        version: 1.1.22
       '@lucia-auth/adapter-prisma':
         specifier: 3.0.2
         version: 3.0.2(@prisma/client@5.18.0(prisma@5.18.0))(lucia@2.7.7)
       '@lucia-auth/adapter-session-unstorage':
         specifier: 2.1.0
         version: 2.1.0(lucia@2.7.7)(unstorage@1.10.2(@azure/identity@4.4.1)(ioredis@5.4.1))
-      '@nuxtjs/tailwindcss':
-        specifier: 6.12.1
-        version: 6.12.1(magicast@0.3.4)(rollup@4.18.0)(ts-node@10.9.2(@types/node@20.14.10)(typescript@5.5.4))
       '@pinia/nuxt':
         specifier: 0.5.3
         version: 0.5.3(magicast@0.3.4)(rollup@4.18.0)(typescript@5.5.4)(vue@3.4.31(typescript@5.5.4))
@@ -143,9 +143,6 @@ importers:
       '@azure/static-web-apps-cli':
         specifier: 2.0.1
         version: 2.0.1
-      '@bg-dev/nuxt-naiveui':
-        specifier: 1.14.0
-        version: 1.14.0(magicast@0.3.4)(rollup@4.18.0)(vue@3.4.31(typescript@5.5.4))
       '@graphql-codegen/add':
         specifier: 5.0.3
         version: 5.0.3(graphql@16.9.0)
@@ -182,12 +179,21 @@ importers:
       '@nuxt/content':
         specifier: 2.13.2
         version: 2.13.2(@azure/identity@4.4.1)(ioredis@5.4.1)(magicast@0.3.4)(nuxt@3.12.4(@azure/identity@4.4.1)(@opentelemetry/api@1.9.0)(@parcel/watcher@2.4.1)(@types/node@20.14.10)(eslint@8.57.0)(ioredis@5.4.1)(magicast@0.3.4)(optionator@0.9.3)(rollup@4.18.0)(terser@5.31.1)(typescript@5.5.4)(vite@5.4.0(@types/node@20.14.10)(terser@5.31.1))(vue-tsc@2.0.24(typescript@5.5.4)))(rollup@4.18.0)(vue@3.4.31(typescript@5.5.4))
+      '@nuxt/image':
+        specifier: ^1.7.0
+        version: 1.7.0(@azure/identity@4.4.1)(ioredis@5.4.1)(magicast@0.3.4)(rollup@4.18.0)
       '@nuxt/kit':
         specifier: 3.12.4
         version: 3.12.4(magicast@0.3.4)(rollup@4.18.0)
       '@nuxt/test-utils':
         specifier: 3.14.0
         version: 3.14.0(@vue/test-utils@2.4.6)(h3@1.12.0)(magicast@0.3.4)(nitropack@2.9.7(patch_hash=i7fsivvt52bwxcdhgprlrzxqpy)(@azure/identity@4.4.1)(@opentelemetry/api@1.9.0)(magicast@0.3.4))(playwright-core@1.45.3)(rollup@4.18.0)(vite@5.4.0(@types/node@20.14.10)(terser@5.31.1))(vitest@2.0.5(@types/node@20.14.10)(terser@5.31.1))(vue-router@4.4.0(vue@3.4.31(typescript@5.5.4)))(vue@3.4.31(typescript@5.5.4))
+      '@nuxt/ui':
+        specifier: ^2.18.4
+        version: 2.18.4(async-validator@4.2.5)(axios@1.7.3)(change-case@4.1.2)(magicast@0.3.4)(rollup@4.18.0)(ts-node@10.9.2(@types/node@20.14.10)(typescript@5.5.4))(vite@5.4.0(@types/node@20.14.10)(terser@5.31.1))(vue@3.4.31(typescript@5.5.4))
+      '@nuxt/ui-pro':
+        specifier: ^1.4.1
+        version: 1.4.1(async-validator@4.2.5)(axios@1.7.3)(change-case@4.1.2)(magicast@0.3.4)(rollup@4.18.0)(ts-node@10.9.2(@types/node@20.14.10)(typescript@5.5.4))(vite@5.4.0(@types/node@20.14.10)(terser@5.31.1))(vue@3.4.31(typescript@5.5.4))
       '@nuxtjs/eslint-config':
         specifier: 12.1.0
         version: 12.1.0(@typescript-eslint/parser@7.15.0(eslint@8.57.0)(typescript@5.5.4))(eslint-import-resolver-typescript@3.6.1(@typescript-eslint/parser@7.15.0(eslint@8.57.0)(typescript@5.5.4))(eslint-plugin-import@2.29.1)(eslint@8.57.0))(eslint@8.57.0)
@@ -212,15 +218,9 @@ importers:
       '@storybook/vue3-vite':
         specifier: 7.6.20
         version: 7.6.20(typescript@5.5.4)(vite@5.4.0(@types/node@20.14.10)(terser@5.31.1))(vue@3.4.31(typescript@5.5.4))
-      '@tailwindcss/forms':
-        specifier: 0.5.7
-        version: 0.5.7(tailwindcss@3.4.4(ts-node@10.9.2(@types/node@20.14.10)(typescript@5.5.4)))
       '@tailwindcss/line-clamp':
         specifier: 0.4.4
         version: 0.4.4(tailwindcss@3.4.4(ts-node@10.9.2(@types/node@20.14.10)(typescript@5.5.4)))
-      '@tailwindcss/typography':
-        specifier: 0.5.13
-        version: 0.5.13(tailwindcss@3.4.4(ts-node@10.9.2(@types/node@20.14.10)(typescript@5.5.4)))
       '@types/bcryptjs':
         specifier: 2.4.6
         version: 2.4.6
@@ -305,9 +305,6 @@ importers:
       mount-vue-component:
         specifier: 0.10.2
         version: 0.10.2(patch_hash=kp7uettlb2x55t6hsmpjeazm5m)
-      naive-ui:
-        specifier: 2.39.0
-        version: 2.39.0(vue@3.4.31(typescript@5.5.4))
       nuxt:
         specifier: 3.12.4
         version: 3.12.4(@azure/identity@4.4.1)(@opentelemetry/api@1.9.0)(@parcel/watcher@2.4.1)(@types/node@20.14.10)(eslint@8.57.0)(ioredis@5.4.1)(magicast@0.3.4)(optionator@0.9.3)(rollup@4.18.0)(terser@5.31.1)(typescript@5.5.4)(vite@5.4.0(@types/node@20.14.10)(terser@5.31.1))(vue-tsc@2.0.24(typescript@5.5.4))
@@ -383,8 +380,8 @@ packages:
     resolution: {integrity: sha512-30iZtAPgz+LTIYoeivqYo853f02jBYSd5uGnGpkFV0M3xOt9aN73erkgYAmZU43x4VfqcnLxW9Kpg3R5LC4YYw==}
     engines: {node: '>=6.0.0'}
 
-  '@ant-design/colors@7.1.0':
-    resolution: {integrity: sha512-MMoDGWn1y9LdQJQSHiCC20x3uZ3CwQnv9QMz6pCmJOrqdgM9YxsoVVY0wtrdXbmfSgnV0KNk6zi09NAhMR2jvg==}
+  '@antfu/install-pkg@0.1.1':
+    resolution: {integrity: sha512-LyB/8+bSfa0DFGC06zpCEfs89/XoWZwws5ygEa5D+Xsm3OfI+aXQ86VgVG7Acyef+rSZ5HE7J8rrxzrQeM3PjQ==}
 
   '@antfu/utils@0.7.10':
     resolution: {integrity: sha512-+562v9k4aI80m1+VuMHehNJWLOFjBnXn3tdOitzD0il5b7smkSBal4+a3oKiQTbrwMmN/TBUMDvbdoWDehgOww==}
@@ -1287,9 +1284,6 @@ packages:
   '@bcoe/v8-coverage@0.2.3':
     resolution: {integrity: sha512-0hYQ8SB4Db5zvZB4axdMHGwEaQjkZzFjQiN9LVYvIFB2nSUHW9tYpxWriPrWDASIxiaXax83REcLxuSdnGPZtw==}
 
-  '@bg-dev/nuxt-naiveui@1.14.0':
-    resolution: {integrity: sha512-fzZXKBWjcKbVRies5XRXVcb6JmRBmN+oG5SF8JzRmc7iqctCWz/Hf6S3Ec9CBNyfdixr1yC8SO4BO1XHo24hGg==}
-
   '@cloudflare/kv-asset-handler@0.3.4':
     resolution: {integrity: sha512-YLPHc8yASwjNkmcDMQMY35yiWjoKAKnhUbPRszBRS0YgH+IXtsMp61j+yTcnCE3oO2DgP0U3iejLC8FTtKDC8Q==}
     engines: {node: '>=16.13'}
@@ -1302,16 +1296,6 @@ packages:
     resolution: {integrity: sha512-IchNf6dN4tHoMFIn/7OE8LWZ19Y6q/67Bmf6vnGREv8RSbBVb9LPJxEcnwrcwX6ixSvaiGoomAUvu4YSxXrVgw==}
     engines: {node: '>=12'}
 
-  '@css-render/plugin-bem@0.15.14':
-    resolution: {integrity: sha512-QK513CJ7yEQxm/P3EwsI+d+ha8kSOcjGvD6SevM41neEMxdULE+18iuQK6tEChAWMOQNQPLG/Rw3Khb69r5neg==}
-    peerDependencies:
-      css-render: ~0.15.14
-
-  '@css-render/vue3-ssr@0.15.14':
-    resolution: {integrity: sha512-//8027GSbxE9n3QlD73xFY6z4ZbHbvrOVB7AO6hsmrEzGbg+h2A09HboUyDgu+xsmj7JnvJD39Irt+2D0+iV8g==}
-    peerDependencies:
-      vue: ^3.0.11
-
   '@csstools/selector-resolve-nested@1.1.0':
     resolution: {integrity: sha512-uWvSaeRcHyeNenKg8tp17EVDRkpflmdyvbE0DHo6D/GdBb6PDnCYYU6gRpXhtICMGMcahQmj2zGxwFM/WC8hCg==}
     engines: {node: ^14 || ^16 || >=18}
@@ -1324,17 +1308,10 @@ packages:
     peerDependencies:
       postcss-selector-parser: ^6.0.13
 
-  '@ctrl/tinycolor@3.6.1':
-    resolution: {integrity: sha512-SITSV6aIXsuVNV3f3O0f2n/cgyEDWoSqtZMYiAmcsYHydcKrOz3gUxB/iXd/Qf08+IZX4KpgNbvUdMBmWz+kcA==}
-    engines: {node: '>=10'}
-
   '@discoveryjs/json-ext@0.5.7':
     resolution: {integrity: sha512-dBVuXR082gk3jsFp7Rd/JI4kytwGHecnCoTtXFb7DB6CNHp4rg5k1bhg0nWdLGLnOV71lmDzGQaLMy8iPLY0pw==}
     engines: {node: '>=10.0.0'}
 
-  '@emotion/hash@0.8.0':
-    resolution: {integrity: sha512-kBJtf7PH6aWwZ6fka3zQ0p6SBYzx4fl1LoZXE2RrnYST9Xljm7WfKJrU4g/Xr3Beg72MLrp1AWNUmuYJTL7Cow==}
-
   '@envelop/core@5.0.1':
     resolution: {integrity: sha512-wxA8EyE1fPnlbP0nC/SFI7uU8wSNf4YjxZhAPu0P63QbgIvqHtHsH4L3/u+rsTruzhk3OvNRgQyLsMfaR9uzAQ==}
     engines: {node: '>=18.0.0'}
@@ -1916,6 +1893,10 @@ packages:
   '@fal-works/esbuild-plugin-global-externals@2.1.2':
     resolution: {integrity: sha512-cEee/Z+I12mZcFJshKcCqC8tuX5hG3s+d+9nZ3LabqKF1vKdF41B92pJVCBggjAGORAeOzyyDDKrZwIkLffeOQ==}
 
+  '@fastify/accept-negotiator@1.1.0':
+    resolution: {integrity: sha512-OIHZrb2ImZ7XG85HXOONLcJWGosv7sIvM2ifAPQVhg9Lv7qdmMBNVaai4QTdyuaqbKM5eO6sLSQOYI7wEQeCJQ==}
+    engines: {node: '>=14'}
+
   '@fastify/busboy@2.1.1':
     resolution: {integrity: sha512-vBZP4NlzfOlerQTnba4aqZoMhE/a9HY7HRqoOPaETQcSQuWEIyZMHGfVu6w9wGtGK5fED5qRs2DteVCjOH60sA==}
     engines: {node: '>=14'}
@@ -2473,6 +2454,18 @@ packages:
       '@vue/composition-api':
         optional: true
 
+  '@headlessui/tailwindcss@0.2.1':
+    resolution: {integrity: sha512-2+5+NZ+RzMyrVeCZOxdbvkUSssSxGvcUxphkIfSVLpRiKsj+/63T2TOL9dBYMXVfj/CGr6hMxSRInzXv6YY7sA==}
+    engines: {node: '>=10'}
+    peerDependencies:
+      tailwindcss: ^3.0
+
+  '@headlessui/vue@1.7.22':
+    resolution: {integrity: sha512-Hoffjoolq1rY+LOfJ+B/OvkhuBXXBFgd8oBlN+l1TApma2dB0En0ucFZrwQtb33SmcCqd32EQd0y07oziXWNYg==}
+    engines: {node: '>=10'}
+    peerDependencies:
+      vue: ^3.2.0
+
   '@humanwhocodes/config-array@0.11.14':
     resolution: {integrity: sha512-3T8LkOmg45BV5FICb15QQMsyUSWrQ8AygVfC7ZG32zOalnqrilm018ZVCw0eapXux8FtA33q8PSRSstjee3jSg==}
     engines: {node: '>=10.10.0'}
@@ -2486,17 +2479,37 @@ packages:
     resolution: {integrity: sha512-93zYdMES/c1D69yZiKDBj0V24vqNzB/koF26KPaagAfd3P/4gUlh3Dys5ogAK+Exi9QyzlD8x/08Zt7wIKcDcA==}
     deprecated: Use @eslint/object-schema instead
 
+  '@iconify-json/heroicons@1.1.24':
+    resolution: {integrity: sha512-Axd6nxsEeQMpuK8ugkAkJ1kS6cbmgXX1s1+Z6NbANvtgtNTBIx9bLQcEL6loKjxpfktDXERElrR5G6xzWOqysg==}
+
+  '@iconify-json/ri@1.1.22':
+    resolution: {integrity: sha512-Pi0I54CFXYSfWlm4xIAGqyDvtibNEpSSyQvHrSrfxFgZgDtFum9tbtYmaTKK0wJWWzYzF3XIpIJTC9/KVYX3SQ==}
+
+  '@iconify-json/vscode-icons@1.1.37':
+    resolution: {integrity: sha512-02+dR2/LdIZTqGfyQerla5snhdN4edwYgpDuFZpI2lK9w8OVm26WYbg8RR8TxXQrlCRs726NQYxl5W+7V1YM/Q==}
+
   '@iconify/collections@1.0.410':
     resolution: {integrity: sha512-dL0zTWpCtY5ZQUDMbUreNrZ4xJVnPS8lj+POxTz/oVL2VzoJ+LXfCc4u+6zpArkMpTUBIitNdQNO01yUddhr3A==}
 
+  '@iconify/collections@1.0.448':
+    resolution: {integrity: sha512-JugNIZZRQVtPHkGcex1/xzI4rAbznaiwZsvGeu+YaFMOeDi2oxwTWD0OLL62EPgUvJ+H9PKg4i36ZqsYcma5bQ==}
+
   '@iconify/types@2.0.0':
     resolution: {integrity: sha512-+wluvCrRhXrhyOmRDJ3q8mux9JkKy5SJ/v8ol2tu4FVjyYvtEzkc/3pK15ET6RKg4b4w4BmTk1+gsCUhf21Ykg==}
 
+  '@iconify/utils@2.1.30':
+    resolution: {integrity: sha512-bY0IO5xLOlbzJBnjWLxknp6Sss3yla03sVY9VeUz9nT6dbc+EGKlLfCt+6uytJnWm5CUvTF/BNotsLWF7kI61A==}
+
   '@iconify/vue@4.1.2':
     resolution: {integrity: sha512-CQnYqLiQD5LOAaXhBrmj1mdL2/NCJvwcC4jtW2Z8ukhThiFkLDkutarTOV2trfc9EXqUqRs0KqXOL9pZ/IyysA==}
     peerDependencies:
       vue: '>=3'
 
+  '@iconify/vue@4.1.3-beta.1':
+    resolution: {integrity: sha512-N7iEOnWfhjbMqiyGMhotJKip23nrK5l3+T1hQwpEjKeMD2o4zOjm8zmeEfOOH81EXllhhOm7upR8jcH499YRWA==}
+    peerDependencies:
+      vue: '>=3'
+
   '@ioredis/commands@1.2.0':
     resolution: {integrity: sha512-Sx1pU8EM64o2BrqNpEO1CNLtKQwyhuXuqyfH7oGKCk+1a33d2r5saW8zNwm3j6BTExtjrv2BxTgzzkMwts6vGg==}
 
@@ -2538,9 +2551,6 @@ packages:
   '@js-sdsl/ordered-map@4.4.2':
     resolution: {integrity: sha512-iUKgm52T8HOE/makSxjqoWhe95ZJA1/G1sYsGev2JDKUSS14KAgg1LHb+Ba+IPow0xflbnSkOsZcO08C7w1gYw==}
 
-  '@juggle/resize-observer@3.4.0':
-    resolution: {integrity: sha512-dfLbk+PwWvFzSxwk3n5ySL0hfBog779o8h68wK/7/APo/7cgyWp5jcXockbxdk5kFRkbeXWm4Fbi9FrdN381sA==}
-
   '@kamilkisiela/fast-url-parser@1.1.4':
     resolution: {integrity: sha512-gbkePEBupNydxCelHCESvFSFM8XPh1Zs/OAVRW/rKpEqPAl5PbOM90Si8mv9bvnR53uPD2s/FiRxdvSejpRJew==}
 
@@ -2618,6 +2628,13 @@ packages:
     peerDependencies:
       vite: '*'
 
+  '@nuxt/icon@1.4.5':
+    resolution: {integrity: sha512-h0Fe1VhpVB5bcQutsH37G46DyE2u+j5j7+0sFbxT2ovRm+uILqo5ONXWe4WuJ20AtngvdpqvnqT25ZQtzx4K9A==}
+
+  '@nuxt/image@1.7.0':
+    resolution: {integrity: sha512-zSj32bLgbV9AvLkLX0pF52J5KBfSyj0eSIdpXCtTJATSZlqgcJigoCvmabC1nbcMIp0SZ29Bu9+acQpGTQKz+g==}
+    engines: {node: ^14.16.0 || >=16.11.0}
+
   '@nuxt/kit@3.12.4':
     resolution: {integrity: sha512-aNRD1ylzijY0oYolldNcZJXVyxdGzNTl+Xd0UYyFQCu9f4wqUZqQ9l+b7arCEzchr96pMK0xdpvLcS3xo1wDcw==}
     engines: {node: ^14.18.0 || >=16.10.0}
@@ -2675,12 +2692,22 @@ packages:
       vitest:
         optional: true
 
+  '@nuxt/ui-pro@1.4.1':
+    resolution: {integrity: sha512-ab+SNjyWHQTH23/WJD0gDE2p6FoF5zEshij4HFAhkco7x5w1HeGMtyLDUlzDb95zIaxAC+Mj5EP+ytBH/McJrg==}
+
+  '@nuxt/ui@2.18.4':
+    resolution: {integrity: sha512-NzFUzh5Izd7mduhYhFBlIOcqE8aY+9mbSQ0n8sIASpASv162VJ46OsR5Jm5sbfhKDrgv7UsBk6VKXJXiEI7ThQ==}
+    engines: {node: '>=v16.20.2'}
+
   '@nuxt/vite-builder@3.12.4':
     resolution: {integrity: sha512-5v3y6SkshJurZYJWHtc7+NGeCgptsreCSguBCZVzJxYdsPFdMicLoxjTt8IGAHWjkGVONrX+K8NBSFFgnx40jQ==}
     engines: {node: ^14.18.0 || >=16.10.0}
     peerDependencies:
       vue: ^3.3.4
 
+  '@nuxtjs/color-mode@3.4.2':
+    resolution: {integrity: sha512-6A+lDP8R6fFXc1Ip5tDepKq9MJW6oxbRlz1plvW52yacnpeDFXv5S5rDS0ax31AuSFUPlgzHymFSdjcylBwZ6w==}
+
   '@nuxtjs/eslint-config-typescript@12.1.0':
     resolution: {integrity: sha512-l2fLouDYwdAvCZEEw7wGxOBj+i8TQcHFu3zMPTLqKuv1qu6WcZIr0uztkbaa8ND1uKZ9YPqKx6UlSOjM4Le69Q==}
     peerDependencies:
@@ -3415,6 +3442,16 @@ packages:
     peerDependencies:
       vue: ^3.0.0
 
+  '@tailwindcss/aspect-ratio@0.4.2':
+    resolution: {integrity: sha512-8QPrypskfBa7QIMuKHg2TA7BqES6vhBrDLOv8Unb6FcFyd3TjKbc6lcmb9UPQHxfl24sXoJ41ux/H7qQQvfaSQ==}
+    peerDependencies:
+      tailwindcss: '>=2.0.0 || >=3.0.0 || >=3.0.0-alpha.1'
+
+  '@tailwindcss/container-queries@0.1.1':
+    resolution: {integrity: sha512-p18dswChx6WnTSaJCSGx6lTmrGzNNvm2FtXmiO6AuA1V4U5REyoqwmT6kgAsIMdjo07QdAfYXHJ4hnMtfHzWgA==}
+    peerDependencies:
+      tailwindcss: '>=3.2.0'
+
   '@tailwindcss/forms@0.5.7':
     resolution: {integrity: sha512-QE7X69iQI+ZXwldE+rzasvbJiyV/ju1FGHH0Qn2W3FKbuYtqp8LKcy6iSw79fVUT5/Vvf+0XgLCeYVG+UV6hOw==}
     peerDependencies:
@@ -3430,6 +3467,14 @@ packages:
     peerDependencies:
       tailwindcss: '>=3.0.0 || insiders'
 
+  '@tanstack/virtual-core@3.8.6':
+    resolution: {integrity: sha512-UJeU4SBrx3hqULNzJ3oC0kgJ5miIAg+FwomxMTlQNxob6ppTInifANHd9ukETvzdzxr6zt3CjQ0rttQpVjbt6Q==}
+
+  '@tanstack/vue-virtual@3.8.6':
+    resolution: {integrity: sha512-nWwmlFuxChPM6bWEwKOyBBYVrQmvSKSArXhbvX2IyVTpuif9UZiBEvIXnftpCEGRvAGSe7lE1coXHk8g2qmwtQ==}
+    peerDependencies:
+      vue: ^2.7.0 || ^3.0.0
+
   '@trysound/sax@0.2.0':
     resolution: {integrity: sha512-L7z9BgrNEcYyUYtF+HaEfiS5ebkh9jXqbszz7pC0hRBPaatV0XjSD3+eHrpqFemQfgwiFF0QPIarnIihIDn7OA==}
     engines: {node: '>=10.13.0'}
@@ -3539,12 +3584,6 @@ packages:
   '@types/json5@0.0.29':
     resolution: {integrity: sha512-dRLjCWHYg4oaA77cxO64oO+7JwCwnIzkZPdrrC71jQmQtlhM556pwKo5bUzqvZndkVbeFLIIi+9TC40JNF5hNQ==}
 
-  '@types/katex@0.16.7':
-    resolution: {integrity: sha512-HMwFiRujE5PjrgwHQ25+bsLJgowjGjm5Z8FVSf0N6PwgJrwxH0QxzHYDcKsTfV3wva0vzrpqMTJS2jXPr5BMEQ==}
-
-  '@types/lodash-es@4.17.12':
-    resolution: {integrity: sha512-0NgftHUcV4v34VhXm8QBSftKVXtbkBG3ViCjs6+eJ5a6y6Mi/jiFGPc1sC7QK+9BFhWrURE3EOggmWaSxL9OzQ==}
-
   '@types/lodash@4.17.6':
     resolution: {integrity: sha512-OpXEVoCKSS3lQqjx9GGGOapBeuW5eUboYHRlHP9urXPX25IKZ6AnP5ZRxtVf63iieUbsHxLn8NQ5Nlftc6yzAA==}
 
@@ -4029,6 +4068,9 @@ packages:
   '@vueuse/core@10.11.0':
     resolution: {integrity: sha512-x3sD4Mkm7PJ+pcq3HX8PLPBadXCAlSDR/waK87dz0gQE+qJnaaFhc/dZVfJz+IUYzTMVGum2QlR7ImiJQN4s6g==}
 
+  '@vueuse/core@10.11.1':
+    resolution: {integrity: sha512-guoy26JQktXPcz+0n3GukWIy/JDNKti9v6VEMu6kV2sYBsWuGiTU8OWdg+ADfUbHg3/3DlqySDe7JmdHrktiww==}
+
   '@vueuse/core@11.0.0-beta.2':
     resolution: {integrity: sha512-rLSg6XJ7y7Lq0kPqsW3tm16odKBmDM9gPiRSME9IwMws1pxg8EFmpnoVe07srMzKvZksc2Lzx2r0VMq5ZwKMvw==}
 
@@ -4037,9 +4079,56 @@ packages:
     peerDependencies:
       vue: '>=2.7 || >=3'
 
+  '@vueuse/integrations@10.11.1':
+    resolution: {integrity: sha512-Y5hCGBguN+vuVYTZmdd/IMXLOdfS60zAmDmFYc4BKBcMUPZH1n4tdyDECCPjXm0bNT3ZRUy1xzTLGaUje8Xyaw==}
+    peerDependencies:
+      async-validator: ^4
+      axios: ^1
+      change-case: ^4
+      drauu: ^0.3
+      focus-trap: ^7
+      fuse.js: ^6
+      idb-keyval: ^6
+      jwt-decode: ^3
+      nprogress: ^0.2
+      qrcode: ^1.5
+      sortablejs: ^1
+      universal-cookie: ^6
+    peerDependenciesMeta:
+      async-validator:
+        optional: true
+      axios:
+        optional: true
+      change-case:
+        optional: true
+      drauu:
+        optional: true
+      focus-trap:
+        optional: true
+      fuse.js:
+        optional: true
+      idb-keyval:
+        optional: true
+      jwt-decode:
+        optional: true
+      nprogress:
+        optional: true
+      qrcode:
+        optional: true
+      sortablejs:
+        optional: true
+      universal-cookie:
+        optional: true
+
+  '@vueuse/math@10.11.1':
+    resolution: {integrity: sha512-fkdaNEOn22Vjz/A3vNWO2+eysunlK74ODmJRosweKMEA07oi5WH/CYQ8oGxu2Fa641fhs4hXS7XxdALsGVYlpw==}
+
   '@vueuse/metadata@10.11.0':
     resolution: {integrity: sha512-kQX7l6l8dVWNqlqyN3ePW3KmjCQO3ZMgXuBMddIu83CmucrsBfXlH+JoviYyRBws/yLTQO8g3Pbw+bdIoVm4oQ==}
 
+  '@vueuse/metadata@10.11.1':
+    resolution: {integrity: sha512-IGa5FXd003Ug1qAZmyE8wF3sJ81xGLSqTqtQ6jaVfkeZ4i5kS2mwQF61yhVqojRnenVew5PldLyRgvdl4YYuSw==}
+
   '@vueuse/metadata@11.0.0-beta.2':
     resolution: {integrity: sha512-Gz4L5KQDCgmRBiDdvqsrMIWRmETWrgF/2lZq+k2sa/O6N5RfFNqBa1T/hpGH9s5Q44ZEC/uXv6e7NHbv9dB8mg==}
 
@@ -4051,6 +4140,9 @@ packages:
   '@vueuse/shared@10.11.0':
     resolution: {integrity: sha512-fyNoIXEq3PfX1L3NkNhtVQUSRtqYwJtJg+Bp9rIzculIZWHTkKSysujrOk2J+NrRulLTQH9+3gGSfYLWSEWU1A==}
 
+  '@vueuse/shared@10.11.1':
+    resolution: {integrity: sha512-LHpC8711VFZlDaYUXEBbFBCQ7GS3dVU9mjOhhMhXP6txTV4EhYQg/KGnQuvt/sPAtoUKq7VVUnL6mVtFoL42sA==}
+
   '@vueuse/shared@11.0.0-beta.2':
     resolution: {integrity: sha512-NQ9fLd/OmJYhfY6nMGYk6EQ6WgAVB7AdWIgjU2/9Y7R+qL1+yI21scj6lFVdlW5TNeePVxhnCBJmV+TzuA4vlQ==}
 
@@ -4478,6 +4570,18 @@ packages:
   bare-events@2.4.2:
     resolution: {integrity: sha512-qMKFd2qG/36aA4GwvKq8MxnPgCQAmBWmSyLWsJcbn8v03wvIPQ/hG1Ms8bPzndZxMDoHpxez5VOS+gC9Yi24/Q==}
 
+  bare-fs@2.3.1:
+    resolution: {integrity: sha512-W/Hfxc/6VehXlsgFtbB5B4xFcsCl+pAh30cYhoFyXErf6oGrwjh8SwiPAdHgpmWonKuYpZgGywN0SXt7dgsADA==}
+
+  bare-os@2.4.0:
+    resolution: {integrity: sha512-v8DTT08AS/G0F9xrhyLtepoo9EJBJ85FRSMbu1pQUlAf6A8T0tEEQGMVObWeqpjhSPXsE0VGlluFBJu2fdoTNg==}
+
+  bare-path@2.1.3:
+    resolution: {integrity: sha512-lh/eITfU8hrj9Ru5quUp0Io1kJWIk1bTjzo7JH1P5dWmQ2EL4hFUlfI8FonAhSlgIfhn63p84CDY/x+PisgcXA==}
+
+  bare-stream@2.1.3:
+    resolution: {integrity: sha512-tiDAH9H/kP+tvNO5sczyn9ZAA7utrSMobyDchsnyyXBuUe2FSQWbxhtuHB8jwpHYYevVo2UJpcmvvjrbHboUUQ==}
+
   base64-js@0.0.8:
     resolution: {integrity: sha512-3XSA2cR/h/73EzlXXdU6YNycmYI7+kicTxks4eJg2g39biHR84slg2+des+p7iHYhbRg/udIS4TD53WabcOUkw==}
     engines: {node: '>= 0.4'}
@@ -4831,10 +4935,17 @@ packages:
   color-name@1.1.4:
     resolution: {integrity: sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==}
 
+  color-string@1.9.1:
+    resolution: {integrity: sha512-shrVawQFojnZv6xM40anx4CkoDP+fZsw/ZerEMsW/pyzsRbElpsL/DBVW7q3ExxwusdNXI3lXpuhEZkzs8p5Eg==}
+
   color-support@1.1.3:
     resolution: {integrity: sha512-qiBjkpbMLO/HL68y+lh4q0/O1MZFj2RX6X/KmMa3+gJD3z+WwI1ZzDHysvqHGS3mP6mznPckpXmw1nI9cJjyRg==}
     hasBin: true
 
+  color@4.2.3:
+    resolution: {integrity: sha512-1rXeuUUiGGrykh+CeBdu5Ie7OJwinCgQY0bc7GCRxy5xVHy+moaqkpL/jqQq0MtQOeYcrqEz4abc5f0KtU7W4A==}
+    engines: {node: '>=12.5.0'}
+
   colord@2.9.3:
     resolution: {integrity: sha512-jeC1axXpnb0/2nn/Y1LPuLdgXBLH7aDcHu4KEKfqw3CUhX7ZpfBSlPKyqXE6btIgEzfWtrX3/tyBCaCvXvMkOw==}
 
@@ -5073,9 +5184,6 @@ packages:
     peerDependencies:
       postcss: ^8.0.9
 
-  css-render@0.15.14:
-    resolution: {integrity: sha512-9nF4PdUle+5ta4W5SyZdLCCmFd37uVimSjg1evcTqKJCyvCEEj12WKzOSBNak6r4im4J4iYXKH1OWpUV5LBYFg==}
-
   css-select@5.1.0:
     resolution: {integrity: sha512-nwoRF1rvRRnnCqqY7updORDsuqKzqYJ28+oSMaJMMgOauh3fvwHqMS7EZpIPqK8GL+g9mKxF1vP/ZjSeNjEVHg==}
 
@@ -5099,6 +5207,9 @@ packages:
     engines: {node: '>=4'}
     hasBin: true
 
+  cssfilter@0.0.10:
+    resolution: {integrity: sha512-FAaLDaplstoRsDR8XGYH51znUN0UY7nMc6Z9/fvE8EXGwvJE9hu7W2vHwx1+bd6gCYnln9nLbzxFTrcO9YQDZw==}
+
   cssnano-preset-default@7.0.4:
     resolution: {integrity: sha512-jQ6zY9GAomQX7/YNLibMEsRZguqMUGuupXcEk2zZ+p3GUxwCAsobqPYE62VrJ9qZ0l9ltrv2rgjwZPBIFIjYtw==}
     engines: {node: ^18.12.0 || ^20.9.0 || >=22.0}
@@ -5121,9 +5232,6 @@ packages:
     resolution: {integrity: sha512-0LrrStPOdJj+SPCCrGhzryycLjwcgUSHBtxNA8aIDxf0GLsRh1cKYhB00Gd1lDOS4yGH69+SNn13+TWbVHETFQ==}
     engines: {node: ^10 || ^12.20.0 || ^14.13.0 || >=15.0.0, npm: '>=7.0.0'}
 
-  csstype@3.0.11:
-    resolution: {integrity: sha512-sa6P2wJ+CAbgyy4KFssIb/JNMLxFvKF1pCYCSXS8ZMuqZnMsrxqI2E5sPyoTpxoPU/gVZMzr2zjOfg8GIZOMsw==}
-
   csstype@3.1.3:
     resolution: {integrity: sha512-M1uQkMl8rQK/szD0LNhtqxIPLpimGm8sOBwU7lLnCpSbTyY3yeU1Vc7l4KT5zT4s/yOxHH5O7tIuuLOCnLADRw==}
 
@@ -5142,11 +5250,6 @@ packages:
   dataloader@2.2.2:
     resolution: {integrity: sha512-8YnDaaf7N3k/q5HnTJVuzSyLETjoZjVmHc4AeKAzOvKHEFQKcn64OKBfzHYtE9zGjctNM7V9I0MfnUVLpi7M5g==}
 
-  date-fns-tz@2.0.1:
-    resolution: {integrity: sha512-fJCG3Pwx8HUoLhkepdsP7Z5RsucUi+ZBOxyM5d0ZZ6c4SdYustq0VMmOu6Wf7bli+yS/Jwp91TOCqn9jMcVrUA==}
-    peerDependencies:
-      date-fns: 2.x
-
   date-fns@2.30.0:
     resolution: {integrity: sha512-fnULvOpxnC5/Vg3NCiWelDsLiUc9bRwAPs/+LfTLNvetFCtCTN+yQz15C/fs4AwX1R9K5GLtLfn8QW+dWisaAw==}
     engines: {node: '>=0.11'}
@@ -5795,9 +5898,6 @@ packages:
     resolution: {integrity: sha512-mQw+2fkQbALzQ7V0MY0IqdnXNOeTtP4r0lN9z7AAawCXgqea7bDii20AYrIBrFd/Hx0M2Ocz6S111CaFkUcb0Q==}
     engines: {node: '>=0.8.x'}
 
-  evtd@0.2.4:
-    resolution: {integrity: sha512-qaeGN5bx63s/AXgQo8gj6fBkxge+OoLddLniox5qtLAEY5HSnuSlISXVPxnSae1dWblvTh4/HoMIB+mbMsvZzw==}
-
   execa@5.1.1:
     resolution: {integrity: sha512-8uSpZZocAZRBAPIEINJj3Lo9HyGitllczc27Eh5YYojjMFMn8yHMDMaUHE2Jqfq05D/wucwI4JGURyXt1vchyg==}
     engines: {node: '>=10'}
@@ -6029,6 +6129,10 @@ packages:
   functions-have-names@1.2.3:
     resolution: {integrity: sha512-xckBUXyTIqT97tq2x2AMb+g163b5JFysYk0x4qxNFwbfQkmNZoiRHb6sPzI9/QV33WeuvVYBUIiD4NzNIyqaRQ==}
 
+  fuse.js@6.6.2:
+    resolution: {integrity: sha512-cJaJkxCCxC8qIIcPBF9yGxY0W/tVZS3uEISDxhYIdtk8OL93pe+6Zj7LjCqVV4dzbqcriOZ+kQ/NE4RXZHsIGA==}
+    engines: {node: '>=10'}
+
   fuse.js@7.0.0:
     resolution: {integrity: sha512-14F4hBIxqKvD4Zz/XjDc3y94mNZN6pRv3U13Udo0lNLCWRBUsrMv2xwcF/y/Z5sV6+FQW+/ow68cHpm4sunt8Q==}
     engines: {node: '>=10'}
@@ -6105,6 +6209,9 @@ packages:
   git-url-parse@14.0.0:
     resolution: {integrity: sha512-NnLweV+2A4nCvn4U/m2AoYu0pPKlsmhK9cknG7IMwsjFY1S2jxM+mAhsDxyxfCIGfGaD+dozsyX4b6vkYc83yQ==}
 
+  git-url-parse@14.1.0:
+    resolution: {integrity: sha512-8xg65dTxGHST3+zGpycMMFZcoTzAdZ2dOtu4vmgIfkTFnVHBxHMzBC2L1k8To7EmrSiHesT8JgPLT91VKw1B5g==}
+
   github-from-package@0.0.0:
     resolution: {integrity: sha512-SyHy3T1v2NUXn29OsWdxmK6RwHD+vkj3v8en8AOBZ1wBQ/hCAQ5bAQTD02kW4W9tUp/3Qh6J8r9EvntiyCmOOw==}
 
@@ -6343,10 +6450,6 @@ packages:
     resolution: {integrity: sha512-Ox1pJVrDCyGHMG9CFg1tmrRUMRPRsAWYc/PinY0XzJU4K7y7vjNoLKIQ7BR5UJMCxNN8EM1MNDmHWA/B3aZUuw==}
     engines: {node: '>=6'}
 
-  highlight.js@11.9.0:
-    resolution: {integrity: sha512-fJ7cW7fQGCYAkgv4CPfwFHrfd/cLS4Hau96JuJ+ZTOWhjnhoeN1ub1tFmALm/+lW5z4WCAuAV9bm05AP0mS6Gw==}
-    engines: {node: '>=12.0.0'}
-
   hoist-non-react-statics@3.3.2:
     resolution: {integrity: sha512-/gGivxi8JPKWNm/W0jSmzcMPpfpPLc3dY/6GxhX2hQ9iGj3aDfklV4ET7NjKpSinLpJ5vafa9iiGIEZg10SfBw==}
 
@@ -6518,6 +6621,10 @@ packages:
     resolution: {integrity: sha512-0KI/607xoxSToH7GjN1FfSbLoU0+btTicjsQSWQlh/hZykN8KpmMf7uYwPW3R+akZ6R/w18ZlXSHBYXiYUPO3g==}
     engines: {node: '>= 0.10'}
 
+  ipx@2.1.0:
+    resolution: {integrity: sha512-AVnPGXJ8L41vjd11Z4akIF2yd14636Klxul3tBySxHA6PKfCOQPxBDkCFK5zcWh0z/keR6toh1eg8qzdBVUgdA==}
+    hasBin: true
+
   iron-webcrypto@1.2.1:
     resolution: {integrity: sha512-feOM6FaSr6rEABp/eDfVseKyTMDt+KGpeB35SkVn9Tyn0CqvVsY3EwI0v5i8nMHyJnzCIQf7nsy3p41TPkJZhg==}
 
@@ -6546,6 +6653,9 @@ packages:
   is-arrayish@0.2.1:
     resolution: {integrity: sha512-zz06S8t0ozoDXMG+ube26zeCTNXcKIPJZJi8hBrF4idCLms4CG9QtK7qBl1boi5ODzFpjswb5JPmHCbMpjaYzg==}
 
+  is-arrayish@0.3.2:
+    resolution: {integrity: sha512-eVRqCvVlZbuw3GrM63ovNSNAeA1K16kaR/LRY/92w0zxQ5/1YzwblUX652i4Xs9RwAGjW9d9y6X88t8OaAJfWQ==}
+
   is-bigint@1.0.4:
     resolution: {integrity: sha512-zB9CruMamjym81i2JZ3UMn54PKGsQzsJeo6xvN3HJJ4CAsQNB6iRutp2To77OfCNuoxspsIhzaPoO1zyCEhFOg==}
 
@@ -7072,9 +7182,6 @@ packages:
     resolution: {integrity: sha512-iPZK6eYjbxRu3uB4/WZ3EsEIMJFMqAoopl3R+zuq0UjcAm/MO6KCweDgPfP3elTztoKP3KtnVHxTn2NHBSDVUw==}
     engines: {node: '>=10'}
 
-  lodash-es@4.17.21:
-    resolution: {integrity: sha512-mKnC+QJ9pWVzv+C4/U3rRsHapFfHvQFoFB92e52xeyGMcX6/OlIl78je1u8vePzYZSkkogMPJ2yjxxsb89cxyw==}
-
   lodash.camelcase@4.3.0:
     resolution: {integrity: sha512-TwuEnCnxbc3rAvhf/LbG7tJUDzhqXyFnv3dtzLOPgCG/hODL7WFnsbwktkD7yUV0RrreP/l1PALq/YSg6VvjlA==}
 
@@ -7538,11 +7645,6 @@ packages:
   mz@2.7.0:
     resolution: {integrity: sha512-z81GNO7nnYMEhrGh9LeymoE4+Yr0Wn5McHIZMK5cfQCl+NDX08sCZgUc9/6MHni9IWuFLm1Z3HTCXu2z9fN62Q==}
 
-  naive-ui@2.39.0:
-    resolution: {integrity: sha512-5oUJzRG+rtLSH8eRU+fJvVYiQids2BxF9jp+fwGoAqHOptEINrBlgBu9uy+95RHE5FLJ7Q/z41o+qkoGnUrKxQ==}
-    peerDependencies:
-      vue: ^3.0.0
-
   nanoid@3.3.7:
     resolution: {integrity: sha512-eSRppjcPIatRIMC1U6UngP8XFcz8MQWGQdt1MTBQ7NaAmvXDfvNxbvWV3x2y6CdEUciCSsDHDQZbhYaB8QEo2g==}
     engines: {node: ^10 || ^12 || ^13.7 || ^14 || >=15.0.1}
@@ -7593,6 +7695,9 @@ packages:
   node-addon-api@4.3.0:
     resolution: {integrity: sha512-73sE9+3UaLYYFmDsFZnqCInzPyh3MqIwZO9cw58yIqAZhONrrabrYyYe3TuIqtIiOuTXVhsGau8hcrhhwSsDIQ==}
 
+  node-addon-api@6.1.0:
+    resolution: {integrity: sha512-+eawOlIgy680F0kBzPUNFhMZGtJ1YmqM6l4+Crf4IkImjYrO/mqPwRMh352g23uIaQKFItcQ64I7KMaJxHgAVA==}
+
   node-addon-api@7.1.0:
     resolution: {integrity: sha512-mNcltoe1R8o7STTegSOHdnJNN7s5EUvhoS7ShnTHDyOSd+8H+UdWODq6qSv67PjC8Zc5JRT8+oLAMCr0SIXw7g==}
     engines: {node: ^16 || ^18 || >= 20}
@@ -8793,9 +8898,6 @@ packages:
   scule@1.3.0:
     resolution: {integrity: sha512-6FtHJEvt+pVMIB9IBY+IcCJ6Z5f1iQnytgyfKMhDKgmzYG+TeH/wx1y3l27rshSbLiSanrR9ffZDrEsmjlQF2g==}
 
-  seemly@0.3.8:
-    resolution: {integrity: sha512-MW8Qs6vbzo0pHmDpFSYPna+lwpZ6Zk1ancbajw/7E8TKtHdV+1DfZZD+kKJEhG/cAoB/i+LiT+5msZOqj0DwRA==}
-
   selfsigned@2.4.1:
     resolution: {integrity: sha512-th5B4L2U+eGLq1TVh7zNRGBapioSORUeymIydxgFpwww9d2qyKvtuPU2jJuHvYAwwqi2Y596QBL3eEqcPEYL8Q==}
     engines: {node: '>=10'}
@@ -8867,6 +8969,10 @@ packages:
     resolution: {integrity: sha512-/6KqX+GVUdqPuPPd2LxDDxzX6CAbjJehAAOKlNpqqUpAqPM6HeL8f+o3a+JsyGjn2lv0WY8UsTgUJjU9Ok55NA==}
     engines: {node: '>=8'}
 
+  sharp@0.32.6:
+    resolution: {integrity: sha512-KyLTWwgcR9Oe4d9HwCwNM2l7+J0dUQwn/yf7S0EnTtb0eVS4RxO0eUSvxPtzT4F3SY+C4K6fqdv/DO27sJ/v/w==}
+    engines: {node: '>=14.15.0'}
+
   shebang-command@2.0.0:
     resolution: {integrity: sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==}
     engines: {node: '>=8'}
@@ -8913,6 +9019,9 @@ packages:
   simple-git@3.25.0:
     resolution: {integrity: sha512-KIY5sBnzc4yEcJXW7Tdv4viEz8KyG+nU0hay+DWZasvdFOYKeUZ6Xc25LUHHjw0tinPT7O1eY6pzX7pRT1K8rw==}
 
+  simple-swizzle@0.2.2:
+    resolution: {integrity: sha512-JA//kQgZtbuY83m+xT+tXJkmJncGMTFT+C+g2h2R9uxkYIrE2yy9sgmcLhCnw57/WSD+Eh3J97FPEDFnbXnDUg==}
+
   sirv@2.0.4:
     resolution: {integrity: sha512-94Bdh3cC2PKrbgSOUqTiGPWVZeSiXfKOVZNJniWoqrWrRkB1CJzBU3NEbiTsPcYy1lDsANA/THzS+9WBiy5nfQ==}
     engines: {node: '>= 10'}
@@ -8956,6 +9065,9 @@ packages:
   smob@1.5.0:
     resolution: {integrity: sha512-g6T+p7QO8npa+/hNx9ohv1E5pVCmWrVCUzUXJyLdMmftX6ER0oiWY/w9knEonLpnOp6b6FenKnMfR8gqwWdwig==}
 
+  smooth-dnd@0.12.1:
+    resolution: {integrity: sha512-Dndj/MOG7VP83mvzfGCLGzV2HuK1lWachMtWl/Iuk6zV7noDycIBnflwaPuDzoaapEl3Pc4+ybJArkkx9sxPZg==}
+
   smtp-address-parser@1.0.10:
     resolution: {integrity: sha512-Osg9LmvGeAG/hyao4mldbflLOkkr3a+h4m1lwKCK5U8M6ZAr7tdXEz/+/vr752TSGE4MNUlUl9cIK2cB8cgzXg==}
     engines: {node: '>=0.10'}
@@ -9199,11 +9311,19 @@ packages:
     peerDependencies:
       tailwindcss: 1 || 2 || 2.0.1-compat || 3
 
+  tailwind-merge@2.5.1:
+    resolution: {integrity: sha512-1zKDdExKvNltulO+J0x/Rqv40xQn78FHsEQVn3rxt8e4HdebRIT6o6zGeLYlGuxd3Efue9Y69qsp8vKwEhuEeg==}
+
   tailwindcss@3.4.4:
     resolution: {integrity: sha512-ZoyXOdJjISB7/BcLTR6SEsLgKtDStYyYZVLsUtWChO4Ps20CBad7lfJKVDiejocV4ME1hLmyY0WJE3hSDcmQ2A==}
     engines: {node: '>=14.0.0'}
     hasBin: true
 
+  tailwindcss@3.4.9:
+    resolution: {integrity: sha512-1SEOvRr6sSdV5IDf9iC+NU4dhwdqzF4zKKq3sAbasUWHEM6lsMhX+eNN5gkPx1BvLFEnZQEUFbXnGj8Qlp83Pg==}
+    engines: {node: '>=14.0.0'}
+    hasBin: true
+
   tapable@2.2.1:
     resolution: {integrity: sha512-GNzQvQTOIP6RyTfE2Qxb8ZVlNmw0n88vp1szwWRimP02mnTsx3Wtn5qRdqY9w2XduFNUgvOwhNnQsjwCp+kqaQ==}
     engines: {node: '>=6'}
@@ -9211,6 +9331,9 @@ packages:
   tar-fs@2.1.1:
     resolution: {integrity: sha512-V0r2Y9scmbDRLCNex/+hYzvp/zyYjvFbHPNgVTKfQvVrb6guiE/fxP+XblDNR011utopbkex2nM4dHNV6GDsng==}
 
+  tar-fs@3.0.6:
+    resolution: {integrity: sha512-iokBDQQkUyeXhgPYaZxmczGPhnhXZ0CmrqI+MOb/WFGS9DW5wnfrLgtjUJBvz50vQ3qfRwJ62QVoCFu8mPVu5w==}
+
   tar-stream@2.2.0:
     resolution: {integrity: sha512-ujeqbceABgwMZxEJnk2HDY2DlnUZ+9oEcb1KzTVfYHio0UE6dG71n60d8D2I4qNvleWrrXpmjpt7vZeF1LnMZQ==}
     engines: {node: '>=6'}
@@ -9339,9 +9462,6 @@ packages:
     resolution: {integrity: sha512-L0Orpi8qGpRG//Nd+H90vFB+3iHnue1zSSGmNOOCh1GLJ7rUKVwV2HvijphGQS2UmhUZewS9VgvxYIdgr+fG1A==}
     hasBin: true
 
-  treemate@0.3.11:
-    resolution: {integrity: sha512-M8RGFoKtZ8dF+iwJfAJTOH/SM4KluKOKRJpjCMhI8bG3qB74zrFoArKZ62ll0Fr3mqkMJiQOmWYkdYgDeITYQg==}
-
   trim-lines@3.0.1:
     resolution: {integrity: sha512-kRj8B+YHZCc9kQYdWfJB2/oUl9rA99qbowYYBtr4ui4mZyAQ2JpvVBd/6U2YloATfqBhBTSMhTpgBHtU0Mf3Rg==}
 
@@ -9770,11 +9890,6 @@ packages:
     resolution: {integrity: sha512-BNGbWLfd0eUPabhkXUVm0j8uuvREyTh5ovRa/dyow/BqAbZJyC+5fU+IzQOzmAKzYqYRAISoRhdQr3eIZ/PXqg==}
     engines: {node: '>= 0.8'}
 
-  vdirs@0.1.8:
-    resolution: {integrity: sha512-H9V1zGRLQZg9b+GdMk8MXDN2Lva0zx72MPahDKc30v+DtwKjfyOSXWRIX4t2mhDubM1H09gPhWeth/BJWPHGUw==}
-    peerDependencies:
-      vue: ^3.0.11
-
   vee-validate@4.13.2:
     resolution: {integrity: sha512-HlpR/6MJ92TW9f135umMZKUqdd/tFQTxLNSf2ImbU4Y/MlLVAUpF1l64VdjTOhbClAqPjCb5p/SqHDxLpUHXrw==}
     peerDependencies:
@@ -9923,11 +10038,6 @@ packages:
     resolution: {integrity: sha512-Dhxzh5HZuiHQhbvTW9AMetFfBHDMYpo23Uo9btPXgdYP+3T5S+p+jgNy7spra+veYhBP2dCSgxR/i2Y02h5/6w==}
     engines: {node: '>=0.10.0'}
 
-  vooks@0.2.12:
-    resolution: {integrity: sha512-iox0I3RZzxtKlcgYaStQYKEzWWGAduMmq+jS7OrNdQo1FgGfPMubGL3uGHOU9n97NIvfFDBGnpSvkWyb/NSn/Q==}
-    peerDependencies:
-      vue: ^3.0.0
-
   vscode-jsonrpc@6.0.0:
     resolution: {integrity: sha512-wnJA4BnEjOSyFMvjZdpiOwhSq9uDoK8e/kpRJDTaMYzwlkrhG1fwDIZI94CLsLzlCK5cIbMMtFlJlfR57Lavmg==}
     engines: {node: '>=8.0.0 || >=10.0.0'}
@@ -10016,6 +10126,11 @@ packages:
     peerDependencies:
       typescript: '>=5.0.0'
 
+  vue3-smooth-dnd@0.0.6:
+    resolution: {integrity: sha512-CH9ZZhEfE7qU1ef2rlfgBG+nZtQX8PnWlspB2HDDz1uVGU7fXM0Pr65DftBMz4X81S+edw2H+ZFG6Dyb5J81KA==}
+    peerDependencies:
+      vue: ^3.0.11
+
   vue@3.4.31:
     resolution: {integrity: sha512-njqRrOy7W3YLAlVqSKpBebtZpDVg21FPoaq1I7f/+qqBThK9ChAIjkRWgeP6Eat+8C+iia4P3OYqpATP21BCoQ==}
     peerDependencies:
@@ -10032,11 +10147,6 @@ packages:
       typescript:
         optional: true
 
-  vueuc@0.4.58:
-    resolution: {integrity: sha512-Wnj/N8WbPRSxSt+9ji1jtDHPzda5h2OH/0sFBhvdxDRuyCZbjGg3/cKMaKqEoe+dErTexG2R+i6Q8S/Toq1MYg==}
-    peerDependencies:
-      vue: ^3.0.11
-
   wait-on@7.2.0:
     resolution: {integrity: sha512-wCQcHkRazgjG5XoAq9jbTMLpNIjoSlZslrJ2+N9MxDsGEv1HnFoVjOCexL0ESva7Y9cu350j+DWADdk54s4AFQ==}
     engines: {node: '>=12.0.0'}
@@ -10209,6 +10319,11 @@ packages:
     resolution: {integrity: sha512-QKxVRxiRACQcVuQEYFsI1hhkrMlrXHPegbbd1yn9UHOmRxY+si12nQYzri3vbzt8VdTTRviqcKxcyllFas5z2A==}
     engines: {node: '>=0.4.0'}
 
+  xss@1.0.15:
+    resolution: {integrity: sha512-FVdlVVC67WOIPvfOwhoMETV72f6GbW7aOabBC3WxN/oUdoEMDyLz4OgRv5/gck2ZeNqEQu+Tb0kloovXOfpYVg==}
+    engines: {node: '>= 0.10.0'}
+    hasBin: true
+
   xtend@4.0.2:
     resolution: {integrity: sha512-LKYU1iAXJXUgAXn9URjiu+MWhyUXHsvfp7mcuYm9dSUKK0/CjtrUwFAxD82/mCWbtLsGjFIad0wIsod4zrTAEQ==}
     engines: {node: '>=0.4'}
@@ -10312,9 +10427,10 @@ snapshots:
       '@jridgewell/gen-mapping': 0.3.5
       '@jridgewell/trace-mapping': 0.3.25
 
-  '@ant-design/colors@7.1.0':
+  '@antfu/install-pkg@0.1.1':
     dependencies:
-      '@ctrl/tinycolor': 3.6.1
+      execa: 5.1.1
+      find-up: 5.0.0
 
   '@antfu/utils@0.7.10': {}
 
@@ -11608,20 +11724,6 @@ snapshots:
 
   '@bcoe/v8-coverage@0.2.3': {}
 
-  '@bg-dev/nuxt-naiveui@1.14.0(magicast@0.3.4)(rollup@4.18.0)(vue@3.4.31(typescript@5.5.4))':
-    dependencies:
-      '@ant-design/colors': 7.1.0
-      '@iconify/vue': 4.1.2(vue@3.4.31(typescript@5.5.4))
-      '@nuxt/kit': 3.12.4(magicast@0.3.4)(rollup@4.18.0)
-      defu: 6.1.4
-      js-cookie: 3.0.5
-      naive-ui: 2.39.0(vue@3.4.31(typescript@5.5.4))
-    transitivePeerDependencies:
-      - magicast
-      - rollup
-      - supports-color
-      - vue
-
   '@cloudflare/kv-asset-handler@0.3.4':
     dependencies:
       mime: 3.0.0
@@ -11633,14 +11735,6 @@ snapshots:
     dependencies:
       '@jridgewell/trace-mapping': 0.3.9
 
-  '@css-render/plugin-bem@0.15.14(css-render@0.15.14)':
-    dependencies:
-      css-render: 0.15.14
-
-  '@css-render/vue3-ssr@0.15.14(vue@3.4.31(typescript@5.5.4))':
-    dependencies:
-      vue: 3.4.31(typescript@5.5.4)
-
   '@csstools/selector-resolve-nested@1.1.0(postcss-selector-parser@6.1.0)':
     dependencies:
       postcss-selector-parser: 6.1.0
@@ -11649,12 +11743,8 @@ snapshots:
     dependencies:
       postcss-selector-parser: 6.1.0
 
-  '@ctrl/tinycolor@3.6.1': {}
-
   '@discoveryjs/json-ext@0.5.7': {}
 
-  '@emotion/hash@0.8.0': {}
-
   '@envelop/core@5.0.1':
     dependencies:
       '@envelop/types': 5.0.0
@@ -11965,6 +12055,9 @@ snapshots:
 
   '@fal-works/esbuild-plugin-global-externals@2.1.2': {}
 
+  '@fastify/accept-negotiator@1.1.0':
+    optional: true
+
   '@fastify/busboy@2.1.1': {}
 
   '@graphql-codegen/add@4.0.1(graphql@16.9.0)':
@@ -13058,6 +13151,15 @@ snapshots:
       vue: 3.4.31(typescript@5.5.4)
       vue-demi: 0.14.10(vue@3.4.31(typescript@5.5.4))
 
+  '@headlessui/tailwindcss@0.2.1(tailwindcss@3.4.9(ts-node@10.9.2(@types/node@20.14.10)(typescript@5.5.4)))':
+    dependencies:
+      tailwindcss: 3.4.9(ts-node@10.9.2(@types/node@20.14.10)(typescript@5.5.4))
+
+  '@headlessui/vue@1.7.22(vue@3.4.31(typescript@5.5.4))':
+    dependencies:
+      '@tanstack/vue-virtual': 3.8.6(vue@3.4.31(typescript@5.5.4))
+      vue: 3.4.31(typescript@5.5.4)
+
   '@humanwhocodes/config-array@0.11.14':
     dependencies:
       '@humanwhocodes/object-schema': 2.0.3
@@ -13070,17 +13172,50 @@ snapshots:
 
   '@humanwhocodes/object-schema@2.0.3': {}
 
+  '@iconify-json/heroicons@1.1.24':
+    dependencies:
+      '@iconify/types': 2.0.0
+
+  '@iconify-json/ri@1.1.22':
+    dependencies:
+      '@iconify/types': 2.0.0
+
+  '@iconify-json/vscode-icons@1.1.37':
+    dependencies:
+      '@iconify/types': 2.0.0
+
   '@iconify/collections@1.0.410':
     dependencies:
       '@iconify/types': 2.0.0
 
+  '@iconify/collections@1.0.448':
+    dependencies:
+      '@iconify/types': 2.0.0
+
   '@iconify/types@2.0.0': {}
 
+  '@iconify/utils@2.1.30':
+    dependencies:
+      '@antfu/install-pkg': 0.1.1
+      '@antfu/utils': 0.7.10
+      '@iconify/types': 2.0.0
+      debug: 4.3.5
+      kolorist: 1.8.0
+      local-pkg: 0.5.0
+      mlly: 1.7.1
+    transitivePeerDependencies:
+      - supports-color
+
   '@iconify/vue@4.1.2(vue@3.4.31(typescript@5.5.4))':
     dependencies:
       '@iconify/types': 2.0.0
       vue: 3.4.31(typescript@5.5.4)
 
+  '@iconify/vue@4.1.3-beta.1(vue@3.4.31(typescript@5.5.4))':
+    dependencies:
+      '@iconify/types': 2.0.0
+      vue: 3.4.31(typescript@5.5.4)
+
   '@ioredis/commands@1.2.0': {}
 
   '@isaacs/cliui@8.0.2':
@@ -13125,8 +13260,6 @@ snapshots:
 
   '@js-sdsl/ordered-map@4.4.2': {}
 
-  '@juggle/resize-observer@3.4.0': {}
-
   '@kamilkisiela/fast-url-parser@1.1.4': {}
 
   '@koa/router@12.0.1':
@@ -13337,6 +13470,59 @@ snapshots:
       - supports-color
       - utf-8-validate
 
+  '@nuxt/icon@1.4.5(magicast@0.3.4)(rollup@4.18.0)(vite@5.4.0(@types/node@20.14.10)(terser@5.31.1))(vue@3.4.31(typescript@5.5.4))':
+    dependencies:
+      '@iconify/collections': 1.0.448
+      '@iconify/types': 2.0.0
+      '@iconify/utils': 2.1.30
+      '@iconify/vue': 4.1.3-beta.1(vue@3.4.31(typescript@5.5.4))
+      '@nuxt/devtools-kit': 1.3.9(magicast@0.3.4)(rollup@4.18.0)(vite@5.4.0(@types/node@20.14.10)(terser@5.31.1))
+      '@nuxt/kit': 3.12.4(magicast@0.3.4)(rollup@4.18.0)
+      consola: 3.2.3
+      fast-glob: 3.3.2
+      local-pkg: 0.5.0
+      mlly: 1.7.1
+      pathe: 1.1.2
+    transitivePeerDependencies:
+      - magicast
+      - rollup
+      - supports-color
+      - vite
+      - vue
+
+  '@nuxt/image@1.7.0(@azure/identity@4.4.1)(ioredis@5.4.1)(magicast@0.3.4)(rollup@4.18.0)':
+    dependencies:
+      '@nuxt/kit': 3.12.4(magicast@0.3.4)(rollup@4.18.0)
+      consola: 3.2.3
+      defu: 6.1.4
+      h3: 1.12.0
+      image-meta: 0.2.1
+      node-fetch-native: 1.6.4
+      ohash: 1.1.3
+      pathe: 1.1.2
+      std-env: 3.7.0
+      ufo: 1.5.4
+    optionalDependencies:
+      ipx: 2.1.0(@azure/identity@4.4.1)(ioredis@5.4.1)
+    transitivePeerDependencies:
+      - '@azure/app-configuration'
+      - '@azure/cosmos'
+      - '@azure/data-tables'
+      - '@azure/identity'
+      - '@azure/keyvault-secrets'
+      - '@azure/storage-blob'
+      - '@capacitor/preferences'
+      - '@netlify/blobs'
+      - '@planetscale/database'
+      - '@upstash/redis'
+      - '@vercel/kv'
+      - idb-keyval
+      - ioredis
+      - magicast
+      - rollup
+      - supports-color
+      - uWebSockets.js
+
   '@nuxt/kit@3.12.4(magicast@0.3.4)(rollup@4.18.0)':
     dependencies:
       '@nuxt/schema': 3.12.4(rollup@4.18.0)
@@ -13463,6 +13649,85 @@ snapshots:
       - rollup
       - supports-color
 
+  '@nuxt/ui-pro@1.4.1(async-validator@4.2.5)(axios@1.7.3)(change-case@4.1.2)(magicast@0.3.4)(rollup@4.18.0)(ts-node@10.9.2(@types/node@20.14.10)(typescript@5.5.4))(vite@5.4.0(@types/node@20.14.10)(terser@5.31.1))(vue@3.4.31(typescript@5.5.4))':
+    dependencies:
+      '@iconify-json/vscode-icons': 1.1.37
+      '@nuxt/ui': 2.18.4(async-validator@4.2.5)(axios@1.7.3)(change-case@4.1.2)(magicast@0.3.4)(rollup@4.18.0)(ts-node@10.9.2(@types/node@20.14.10)(typescript@5.5.4))(vite@5.4.0(@types/node@20.14.10)(terser@5.31.1))(vue@3.4.31(typescript@5.5.4))
+      '@vueuse/core': 10.11.0(vue@3.4.31(typescript@5.5.4))
+      defu: 6.1.4
+      git-url-parse: 14.1.0
+      ofetch: 1.3.4
+      parse-git-config: 3.0.0
+      pathe: 1.1.2
+      pkg-types: 1.1.3
+      tailwind-merge: 2.5.1
+      vue3-smooth-dnd: 0.0.6(vue@3.4.31(typescript@5.5.4))
+    transitivePeerDependencies:
+      - '@vue/composition-api'
+      - async-validator
+      - axios
+      - change-case
+      - drauu
+      - focus-trap
+      - idb-keyval
+      - jwt-decode
+      - magicast
+      - nprogress
+      - qrcode
+      - rollup
+      - sortablejs
+      - supports-color
+      - ts-node
+      - uWebSockets.js
+      - universal-cookie
+      - vite
+      - vue
+
+  '@nuxt/ui@2.18.4(async-validator@4.2.5)(axios@1.7.3)(change-case@4.1.2)(magicast@0.3.4)(rollup@4.18.0)(ts-node@10.9.2(@types/node@20.14.10)(typescript@5.5.4))(vite@5.4.0(@types/node@20.14.10)(terser@5.31.1))(vue@3.4.31(typescript@5.5.4))':
+    dependencies:
+      '@headlessui/tailwindcss': 0.2.1(tailwindcss@3.4.9(ts-node@10.9.2(@types/node@20.14.10)(typescript@5.5.4)))
+      '@headlessui/vue': 1.7.22(vue@3.4.31(typescript@5.5.4))
+      '@iconify-json/heroicons': 1.1.24
+      '@nuxt/icon': 1.4.5(magicast@0.3.4)(rollup@4.18.0)(vite@5.4.0(@types/node@20.14.10)(terser@5.31.1))(vue@3.4.31(typescript@5.5.4))
+      '@nuxt/kit': 3.12.4(magicast@0.3.4)(rollup@4.18.0)
+      '@nuxtjs/color-mode': 3.4.2(magicast@0.3.4)(rollup@4.18.0)
+      '@nuxtjs/tailwindcss': 6.12.1(magicast@0.3.4)(rollup@4.18.0)(ts-node@10.9.2(@types/node@20.14.10)(typescript@5.5.4))
+      '@popperjs/core': 2.11.8
+      '@tailwindcss/aspect-ratio': 0.4.2(tailwindcss@3.4.9(ts-node@10.9.2(@types/node@20.14.10)(typescript@5.5.4)))
+      '@tailwindcss/container-queries': 0.1.1(tailwindcss@3.4.9(ts-node@10.9.2(@types/node@20.14.10)(typescript@5.5.4)))
+      '@tailwindcss/forms': 0.5.7(tailwindcss@3.4.9(ts-node@10.9.2(@types/node@20.14.10)(typescript@5.5.4)))
+      '@tailwindcss/typography': 0.5.13(tailwindcss@3.4.9(ts-node@10.9.2(@types/node@20.14.10)(typescript@5.5.4)))
+      '@vueuse/core': 10.11.0(vue@3.4.31(typescript@5.5.4))
+      '@vueuse/integrations': 10.11.1(async-validator@4.2.5)(axios@1.7.3)(change-case@4.1.2)(fuse.js@6.6.2)(vue@3.4.31(typescript@5.5.4))
+      '@vueuse/math': 10.11.1(vue@3.4.31(typescript@5.5.4))
+      defu: 6.1.4
+      fuse.js: 6.6.2
+      ohash: 1.1.3
+      pathe: 1.1.2
+      scule: 1.3.0
+      tailwind-merge: 2.5.1
+      tailwindcss: 3.4.9(ts-node@10.9.2(@types/node@20.14.10)(typescript@5.5.4))
+    transitivePeerDependencies:
+      - '@vue/composition-api'
+      - async-validator
+      - axios
+      - change-case
+      - drauu
+      - focus-trap
+      - idb-keyval
+      - jwt-decode
+      - magicast
+      - nprogress
+      - qrcode
+      - rollup
+      - sortablejs
+      - supports-color
+      - ts-node
+      - uWebSockets.js
+      - universal-cookie
+      - vite
+      - vue
+
   '@nuxt/vite-builder@3.12.4(@types/node@20.14.10)(eslint@8.57.0)(magicast@0.3.4)(optionator@0.9.3)(rollup@4.18.0)(terser@5.31.1)(typescript@5.5.4)(vue-tsc@2.0.24(typescript@5.5.4))(vue@3.4.35(typescript@5.5.4))':
     dependencies:
       '@nuxt/kit': 3.12.4(magicast@0.3.4)(rollup@4.18.0)
@@ -13522,6 +13787,17 @@ snapshots:
       - vti
       - vue-tsc
 
+  '@nuxtjs/color-mode@3.4.2(magicast@0.3.4)(rollup@4.18.0)':
+    dependencies:
+      '@nuxt/kit': 3.12.4(magicast@0.3.4)(rollup@4.18.0)
+      pathe: 1.1.2
+      pkg-types: 1.1.3
+      semver: 7.6.3
+    transitivePeerDependencies:
+      - magicast
+      - rollup
+      - supports-color
+
   '@nuxtjs/eslint-config-typescript@12.1.0(eslint@8.57.0)(typescript@5.5.4)':
     dependencies:
       '@nuxtjs/eslint-config': 12.1.0(@typescript-eslint/parser@6.21.0(eslint@8.57.0)(typescript@5.5.4))(eslint-import-resolver-typescript@3.6.1(@typescript-eslint/parser@6.21.0(eslint@8.57.0)(typescript@5.5.4))(eslint-plugin-import@2.29.1)(eslint@8.57.0))(eslint@8.57.0)
@@ -14638,22 +14914,37 @@ snapshots:
       - encoding
       - supports-color
 
-  '@tailwindcss/forms@0.5.7(tailwindcss@3.4.4(ts-node@10.9.2(@types/node@20.14.10)(typescript@5.5.4)))':
+  '@tailwindcss/aspect-ratio@0.4.2(tailwindcss@3.4.9(ts-node@10.9.2(@types/node@20.14.10)(typescript@5.5.4)))':
+    dependencies:
+      tailwindcss: 3.4.9(ts-node@10.9.2(@types/node@20.14.10)(typescript@5.5.4))
+
+  '@tailwindcss/container-queries@0.1.1(tailwindcss@3.4.9(ts-node@10.9.2(@types/node@20.14.10)(typescript@5.5.4)))':
+    dependencies:
+      tailwindcss: 3.4.9(ts-node@10.9.2(@types/node@20.14.10)(typescript@5.5.4))
+
+  '@tailwindcss/forms@0.5.7(tailwindcss@3.4.9(ts-node@10.9.2(@types/node@20.14.10)(typescript@5.5.4)))':
     dependencies:
       mini-svg-data-uri: 1.4.4
-      tailwindcss: 3.4.4(ts-node@10.9.2(@types/node@20.14.10)(typescript@5.5.4))
+      tailwindcss: 3.4.9(ts-node@10.9.2(@types/node@20.14.10)(typescript@5.5.4))
 
   '@tailwindcss/line-clamp@0.4.4(tailwindcss@3.4.4(ts-node@10.9.2(@types/node@20.14.10)(typescript@5.5.4)))':
     dependencies:
       tailwindcss: 3.4.4(ts-node@10.9.2(@types/node@20.14.10)(typescript@5.5.4))
 
-  '@tailwindcss/typography@0.5.13(tailwindcss@3.4.4(ts-node@10.9.2(@types/node@20.14.10)(typescript@5.5.4)))':
+  '@tailwindcss/typography@0.5.13(tailwindcss@3.4.9(ts-node@10.9.2(@types/node@20.14.10)(typescript@5.5.4)))':
     dependencies:
       lodash.castarray: 4.4.0
       lodash.isplainobject: 4.0.6
       lodash.merge: 4.6.2
       postcss-selector-parser: 6.0.10
-      tailwindcss: 3.4.4(ts-node@10.9.2(@types/node@20.14.10)(typescript@5.5.4))
+      tailwindcss: 3.4.9(ts-node@10.9.2(@types/node@20.14.10)(typescript@5.5.4))
+
+  '@tanstack/virtual-core@3.8.6': {}
+
+  '@tanstack/vue-virtual@3.8.6(vue@3.4.31(typescript@5.5.4))':
+    dependencies:
+      '@tanstack/virtual-core': 3.8.6
+      vue: 3.4.31(typescript@5.5.4)
 
   '@trysound/sax@0.2.0': {}
 
@@ -14775,12 +15066,6 @@ snapshots:
 
   '@types/json5@0.0.29': {}
 
-  '@types/katex@0.16.7': {}
-
-  '@types/lodash-es@4.17.12':
-    dependencies:
-      '@types/lodash': 4.17.6
-
   '@types/lodash@4.17.6': {}
 
   '@types/long@4.0.2': {}
@@ -15497,6 +15782,16 @@ snapshots:
       - '@vue/composition-api'
       - vue
 
+  '@vueuse/core@10.11.1(vue@3.4.31(typescript@5.5.4))':
+    dependencies:
+      '@types/web-bluetooth': 0.0.20
+      '@vueuse/metadata': 10.11.1
+      '@vueuse/shared': 10.11.1(vue@3.4.31(typescript@5.5.4))
+      vue-demi: 0.14.10(vue@3.4.31(typescript@5.5.4))
+    transitivePeerDependencies:
+      - '@vue/composition-api'
+      - vue
+
   '@vueuse/core@11.0.0-beta.2(vue@3.4.31(typescript@5.5.4))':
     dependencies:
       '@types/web-bluetooth': 0.0.20
@@ -15515,8 +15810,32 @@ snapshots:
       '@unhead/vue': 1.9.14(vue@3.4.31(typescript@5.5.4))
       vue: 3.4.31(typescript@5.5.4)
 
+  '@vueuse/integrations@10.11.1(async-validator@4.2.5)(axios@1.7.3)(change-case@4.1.2)(fuse.js@6.6.2)(vue@3.4.31(typescript@5.5.4))':
+    dependencies:
+      '@vueuse/core': 10.11.1(vue@3.4.31(typescript@5.5.4))
+      '@vueuse/shared': 10.11.1(vue@3.4.31(typescript@5.5.4))
+      vue-demi: 0.14.10(vue@3.4.31(typescript@5.5.4))
+    optionalDependencies:
+      async-validator: 4.2.5
+      axios: 1.7.3
+      change-case: 4.1.2
+      fuse.js: 6.6.2
+    transitivePeerDependencies:
+      - '@vue/composition-api'
+      - vue
+
+  '@vueuse/math@10.11.1(vue@3.4.31(typescript@5.5.4))':
+    dependencies:
+      '@vueuse/shared': 10.11.1(vue@3.4.31(typescript@5.5.4))
+      vue-demi: 0.14.10(vue@3.4.31(typescript@5.5.4))
+    transitivePeerDependencies:
+      - '@vue/composition-api'
+      - vue
+
   '@vueuse/metadata@10.11.0': {}
 
+  '@vueuse/metadata@10.11.1': {}
+
   '@vueuse/metadata@11.0.0-beta.2': {}
 
   '@vueuse/nuxt@10.11.0(magicast@0.3.4)(nuxt@3.12.4(@azure/identity@4.4.1)(@opentelemetry/api@1.9.0)(@parcel/watcher@2.4.1)(@types/node@20.14.10)(eslint@8.57.0)(ioredis@5.4.1)(magicast@0.3.4)(optionator@0.9.3)(rollup@4.18.0)(terser@5.31.1)(typescript@5.5.4)(vite@5.4.0(@types/node@20.14.10)(terser@5.31.1))(vue-tsc@2.0.24(typescript@5.5.4)))(rollup@4.18.0)(vue@3.4.31(typescript@5.5.4))':
@@ -15541,6 +15860,13 @@ snapshots:
       - '@vue/composition-api'
       - vue
 
+  '@vueuse/shared@10.11.1(vue@3.4.31(typescript@5.5.4))':
+    dependencies:
+      vue-demi: 0.14.10(vue@3.4.31(typescript@5.5.4))
+    transitivePeerDependencies:
+      - '@vue/composition-api'
+      - vue
+
   '@vueuse/shared@11.0.0-beta.2(vue@3.4.31(typescript@5.5.4))':
     dependencies:
       vue-demi: 0.14.10(vue@3.4.31(typescript@5.5.4))
@@ -15936,7 +16262,8 @@ snapshots:
 
   async-sema@3.1.1: {}
 
-  async-validator@4.2.5: {}
+  async-validator@4.2.5:
+    optional: true
 
   async@2.6.4:
     dependencies:
@@ -16053,6 +16380,26 @@ snapshots:
   bare-events@2.4.2:
     optional: true
 
+  bare-fs@2.3.1:
+    dependencies:
+      bare-events: 2.4.2
+      bare-path: 2.1.3
+      bare-stream: 2.1.3
+    optional: true
+
+  bare-os@2.4.0:
+    optional: true
+
+  bare-path@2.1.3:
+    dependencies:
+      bare-os: 2.4.0
+    optional: true
+
+  bare-stream@2.1.3:
+    dependencies:
+      streamx: 2.18.0
+    optional: true
+
   base64-js@0.0.8: {}
 
   base64-js@1.5.1: {}
@@ -16451,8 +16798,20 @@ snapshots:
 
   color-name@1.1.4: {}
 
+  color-string@1.9.1:
+    dependencies:
+      color-name: 1.1.4
+      simple-swizzle: 0.2.2
+    optional: true
+
   color-support@1.1.3: {}
 
+  color@4.2.3:
+    dependencies:
+      color-convert: 2.0.1
+      color-string: 1.9.1
+    optional: true
+
   colord@2.9.3: {}
 
   colorette@2.0.20: {}
@@ -16684,11 +17043,6 @@ snapshots:
     dependencies:
       postcss: 8.4.39
 
-  css-render@0.15.14:
-    dependencies:
-      '@emotion/hash': 0.8.0
-      csstype: 3.0.11
-
   css-select@5.1.0:
     dependencies:
       boolbase: 1.0.0
@@ -16717,6 +17071,9 @@ snapshots:
 
   cssesc@3.0.0: {}
 
+  cssfilter@0.0.10:
+    optional: true
+
   cssnano-preset-default@7.0.4(postcss@8.4.39):
     dependencies:
       browserslist: 4.23.2
@@ -16765,8 +17122,6 @@ snapshots:
     dependencies:
       css-tree: 2.2.1
 
-  csstype@3.0.11: {}
-
   csstype@3.1.3: {}
 
   data-view-buffer@1.0.1:
@@ -16789,10 +17144,6 @@ snapshots:
 
   dataloader@2.2.2: {}
 
-  date-fns-tz@2.0.1(date-fns@2.30.0):
-    dependencies:
-      date-fns: 2.30.0
-
   date-fns@2.30.0:
     dependencies:
       '@babel/runtime': 7.24.7
@@ -17657,8 +18008,6 @@ snapshots:
 
   events@3.3.0: {}
 
-  evtd@0.2.4: {}
-
   execa@5.1.1:
     dependencies:
       cross-spawn: 7.0.3
@@ -17977,6 +18326,8 @@ snapshots:
 
   functions-have-names@1.2.3: {}
 
+  fuse.js@6.6.2: {}
+
   fuse.js@7.0.0: {}
 
   gauge@3.0.2:
@@ -18056,6 +18407,10 @@ snapshots:
     dependencies:
       git-up: 7.0.0
 
+  git-url-parse@14.1.0:
+    dependencies:
+      git-up: 7.0.0
+
   github-from-package@0.0.0: {}
 
   github-slugger@2.0.0: {}
@@ -18386,8 +18741,6 @@ snapshots:
 
   hex-rgb@4.3.0: {}
 
-  highlight.js@11.9.0: {}
-
   hoist-non-react-statics@3.3.2:
     dependencies:
       react-is: 16.13.1
@@ -18587,6 +18940,41 @@ snapshots:
 
   ipaddr.js@1.9.1: {}
 
+  ipx@2.1.0(@azure/identity@4.4.1)(ioredis@5.4.1):
+    dependencies:
+      '@fastify/accept-negotiator': 1.1.0
+      citty: 0.1.6
+      consola: 3.2.3
+      defu: 6.1.4
+      destr: 2.0.3
+      etag: 1.8.1
+      h3: 1.12.0
+      image-meta: 0.2.1
+      listhen: 1.7.2
+      ofetch: 1.3.4
+      pathe: 1.1.2
+      sharp: 0.32.6
+      svgo: 3.3.2
+      ufo: 1.5.4
+      unstorage: 1.10.2(@azure/identity@4.4.1)(ioredis@5.4.1)
+      xss: 1.0.15
+    transitivePeerDependencies:
+      - '@azure/app-configuration'
+      - '@azure/cosmos'
+      - '@azure/data-tables'
+      - '@azure/identity'
+      - '@azure/keyvault-secrets'
+      - '@azure/storage-blob'
+      - '@capacitor/preferences'
+      - '@netlify/blobs'
+      - '@planetscale/database'
+      - '@upstash/redis'
+      - '@vercel/kv'
+      - idb-keyval
+      - ioredis
+      - uWebSockets.js
+    optional: true
+
   iron-webcrypto@1.2.1: {}
 
   is-absolute-url@4.0.1: {}
@@ -18615,6 +19003,9 @@ snapshots:
 
   is-arrayish@0.2.1: {}
 
+  is-arrayish@0.3.2:
+    optional: true
+
   is-bigint@1.0.4:
     dependencies:
       has-bigints: 1.0.2
@@ -19194,8 +19585,6 @@ snapshots:
     dependencies:
       p-locate: 5.0.0
 
-  lodash-es@4.17.21: {}
-
   lodash.camelcase@4.3.0: {}
 
   lodash.castarray@4.4.0: {}
@@ -19774,29 +20163,6 @@ snapshots:
       object-assign: 4.1.1
       thenify-all: 1.6.0
 
-  naive-ui@2.39.0(vue@3.4.31(typescript@5.5.4)):
-    dependencies:
-      '@css-render/plugin-bem': 0.15.14(css-render@0.15.14)
-      '@css-render/vue3-ssr': 0.15.14(vue@3.4.31(typescript@5.5.4))
-      '@types/katex': 0.16.7
-      '@types/lodash': 4.17.6
-      '@types/lodash-es': 4.17.12
-      async-validator: 4.2.5
-      css-render: 0.15.14
-      csstype: 3.1.3
-      date-fns: 2.30.0
-      date-fns-tz: 2.0.1(date-fns@2.30.0)
-      evtd: 0.2.4
-      highlight.js: 11.9.0
-      lodash: 4.17.21
-      lodash-es: 4.17.21
-      seemly: 0.3.8
-      treemate: 0.3.11
-      vdirs: 0.1.8(vue@3.4.31(typescript@5.5.4))
-      vooks: 0.2.12(vue@3.4.31(typescript@5.5.4))
-      vue: 3.4.31(typescript@5.5.4)
-      vueuc: 0.4.58(vue@3.4.31(typescript@5.5.4))
-
   nanoid@3.3.7: {}
 
   nanoid@5.0.7: {}
@@ -19919,6 +20285,9 @@ snapshots:
 
   node-addon-api@4.3.0: {}
 
+  node-addon-api@6.1.0:
+    optional: true
+
   node-addon-api@7.1.0: {}
 
   node-dir@0.1.17:
@@ -21484,8 +21853,6 @@ snapshots:
 
   scule@1.3.0: {}
 
-  seemly@0.3.8: {}
-
   selfsigned@2.4.1:
     dependencies:
       '@types/node-forge': 1.3.11
@@ -21577,6 +21944,18 @@ snapshots:
     dependencies:
       kind-of: 6.0.3
 
+  sharp@0.32.6:
+    dependencies:
+      color: 4.2.3
+      detect-libc: 2.0.3
+      node-addon-api: 6.1.0
+      prebuild-install: 7.1.2
+      semver: 7.6.3
+      simple-get: 4.0.1
+      tar-fs: 3.0.6
+      tunnel-agent: 0.6.0
+    optional: true
+
   shebang-command@2.0.0:
     dependencies:
       shebang-regex: 3.0.0
@@ -21627,6 +22006,11 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
+  simple-swizzle@0.2.2:
+    dependencies:
+      is-arrayish: 0.3.2
+    optional: true
+
   sirv@2.0.4:
     dependencies:
       '@polka/url': 1.0.0-next.25
@@ -21666,6 +22050,8 @@ snapshots:
 
   smob@1.5.0: {}
 
+  smooth-dnd@0.12.1: {}
+
   smtp-address-parser@1.0.10:
     dependencies:
       nearley: 2.20.1
@@ -21934,6 +22320,8 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
+  tailwind-merge@2.5.1: {}
+
   tailwindcss@3.4.4(ts-node@10.9.2(@types/node@20.14.10)(typescript@5.5.4)):
     dependencies:
       '@alloc/quick-lru': 5.2.0
@@ -21961,6 +22349,33 @@ snapshots:
     transitivePeerDependencies:
       - ts-node
 
+  tailwindcss@3.4.9(ts-node@10.9.2(@types/node@20.14.10)(typescript@5.5.4)):
+    dependencies:
+      '@alloc/quick-lru': 5.2.0
+      arg: 5.0.2
+      chokidar: 3.6.0
+      didyoumean: 1.2.2
+      dlv: 1.1.3
+      fast-glob: 3.3.2
+      glob-parent: 6.0.2
+      is-glob: 4.0.3
+      jiti: 1.21.6
+      lilconfig: 2.1.0
+      micromatch: 4.0.7
+      normalize-path: 3.0.0
+      object-hash: 3.0.0
+      picocolors: 1.0.1
+      postcss: 8.4.40
+      postcss-import: 15.1.0(postcss@8.4.40)
+      postcss-js: 4.0.1(postcss@8.4.40)
+      postcss-load-config: 4.0.2(postcss@8.4.40)(ts-node@10.9.2(@types/node@20.14.10)(typescript@5.5.4))
+      postcss-nested: 6.0.1(postcss@8.4.40)
+      postcss-selector-parser: 6.1.0
+      resolve: 1.22.8
+      sucrase: 3.35.0
+    transitivePeerDependencies:
+      - ts-node
+
   tapable@2.2.1: {}
 
   tar-fs@2.1.1:
@@ -21970,6 +22385,15 @@ snapshots:
       pump: 3.0.0
       tar-stream: 2.2.0
 
+  tar-fs@3.0.6:
+    dependencies:
+      pump: 3.0.0
+      tar-stream: 3.1.7
+    optionalDependencies:
+      bare-fs: 2.3.1
+      bare-path: 2.1.3
+    optional: true
+
   tar-stream@2.2.0:
     dependencies:
       bl: 4.1.0
@@ -22094,8 +22518,6 @@ snapshots:
 
   tree-kill@1.2.2: {}
 
-  treemate@0.3.11: {}
-
   trim-lines@3.0.1: {}
 
   trough@2.2.0: {}
@@ -22588,11 +23010,6 @@ snapshots:
 
   vary@1.1.2: {}
 
-  vdirs@0.1.8(vue@3.4.31(typescript@5.5.4)):
-    dependencies:
-      evtd: 0.2.4
-      vue: 3.4.31(typescript@5.5.4)
-
   vee-validate@4.13.2(vue@3.4.31(typescript@5.5.4)):
     dependencies:
       '@vue/devtools-api': 6.6.3
@@ -22772,11 +23189,6 @@ snapshots:
 
   void-elements@3.1.0: {}
 
-  vooks@0.2.12(vue@3.4.31(typescript@5.5.4)):
-    dependencies:
-      evtd: 0.2.4
-      vue: 3.4.31(typescript@5.5.4)
-
   vscode-jsonrpc@6.0.0: {}
 
   vscode-languageclient@7.0.0:
@@ -22873,6 +23285,11 @@ snapshots:
       semver: 7.6.2
       typescript: 5.5.4
 
+  vue3-smooth-dnd@0.0.6(vue@3.4.31(typescript@5.5.4)):
+    dependencies:
+      smooth-dnd: 0.12.1
+      vue: 3.4.31(typescript@5.5.4)
+
   vue@3.4.31(typescript@5.5.4):
     dependencies:
       '@vue/compiler-dom': 3.4.31
@@ -22893,17 +23310,6 @@ snapshots:
     optionalDependencies:
       typescript: 5.5.4
 
-  vueuc@0.4.58(vue@3.4.31(typescript@5.5.4)):
-    dependencies:
-      '@css-render/vue3-ssr': 0.15.14(vue@3.4.31(typescript@5.5.4))
-      '@juggle/resize-observer': 3.4.0
-      css-render: 0.15.14
-      evtd: 0.2.4
-      seemly: 0.3.8
-      vdirs: 0.1.8(vue@3.4.31(typescript@5.5.4))
-      vooks: 0.2.12(vue@3.4.31(typescript@5.5.4))
-      vue: 3.4.31(typescript@5.5.4)
-
   wait-on@7.2.0:
     dependencies:
       axios: 1.7.3
@@ -23077,6 +23483,12 @@ snapshots:
 
   xmlhttprequest-ssl@2.0.0: {}
 
+  xss@1.0.15:
+    dependencies:
+      commander: 2.20.3
+      cssfilter: 0.0.10
+    optional: true
+
   xtend@4.0.2: {}
 
   y18n@4.0.3: {}
diff --git a/tailwind.config.ts b/tailwind.config.ts
index 97718c465..69bf961b9 100644
--- a/tailwind.config.ts
+++ b/tailwind.config.ts
@@ -1,7 +1,5 @@
 import type { Config } from 'tailwindcss'
 
-import forms from '@tailwindcss/forms'
-import typography from '@tailwindcss/typography'
 import colors from 'tailwindcss/colors'
 import plugin from 'tailwindcss/plugin'
 
@@ -19,36 +17,35 @@ const flip = plugin(({ addUtilities }) => {
 })
 
 export default {
-  content: [`components/**/*.{vue,js}`, `layouts/**/*.vue`, `pages/**/*.vue`],
-  plugins: [forms, flip, typography],
+  plugins: [flip],
   theme: {
-    colors: {
-      transparent: 'transparent',
-      current: 'currentColor',
-      black: colors.black,
-      white: colors.white,
-      gray: colors.neutral,
-      primary: {
-        // Generated with https://www.tailwindshades.com
-        DEFAULT: '#4F5F8F',
-        '50': '#D6DBE8',
-        '100': '#C9CFE1',
-        '200': '#AFB8D3',
-        '300': '#94A0C4',
-        '400': '#7A89B6',
-        '500': '#6072A7',
-        '600': '#4F5F8F',
-        '700': '#3B476B',
-        '800': '#272F47',
-        '900': '#131723',
-      },
-      secondary: colors.rose,
-      info: colors.black,
-      success: colors.green,
-      warning: colors.amber,
-      error: colors.red,
-    },
     extend: {
+      colors: {
+        transparent: 'transparent',
+        current: 'currentColor',
+        black: colors.black,
+        white: colors.white,
+        gray: colors.neutral,
+        primary: {
+          // Generated with https://www.tailwindshades.com
+          DEFAULT: '#4F5F8F',
+          '50': '#D6DBE8',
+          '100': '#C9CFE1',
+          '200': '#AFB8D3',
+          '300': '#94A0C4',
+          '400': '#7A89B6',
+          '500': '#6072A7',
+          '600': '#4F5F8F',
+          '700': '#3B476B',
+          '800': '#272F47',
+          '900': '#131723',
+        },
+        secondary: colors.rose,
+        info: colors.black,
+        success: colors.green,
+        warning: colors.amber,
+        error: colors.red,
+      },
       typography: (theme: (path: string) => any) => ({
         DEFAULT: {
           css: {
@@ -59,4 +56,4 @@ export default {
       }),
     },
   },
-} as Config
+} as Partial<Config>