chore: cleanup (#27)

* implement password score UI and functions

* update strings tests to use `test`instead of `it`

* update typing

* refactor login/register UI+Logic

* fix width on switches to properly display

* fetch and store self in store

* (WIP) unify card styles

* update labels page

* bump nuxt

* use form area

* use text area for description

* unify confirm API

* unify UI around pages

* change header background height

frontend/components/global/DetailsSection/DetailsSection.vue

@@ -0,0 +1,32 @@
+<template>
+  <div class="border-t border-gray-300 px-4 py-5 sm:p-0">
+    <dl class="sm:divide-y sm:divide-gray-300">
+      <div v-for="(detail, i) in details" :key="i" class="py-4 sm:grid sm:grid-cols-3 sm:gap-4 sm:px-6">
+        <dt class="text-sm font-medium text-gray-500">
+          {{ detail.name }}
+        </dt>
+        <dd class="mt-1 text-sm text-gray-900 sm:col-span-2 sm:mt-0">
+          <slot :name="detail.slot || detail.name" v-bind="{ detail }">
+            <template v-if="detail.type == 'date'">
+              <DateTime :date="detail.text" />
+            </template>
+            <template v-else>
+              {{ detail.text }}
+            </template>
+          </slot>
+        </dd>
+      </div>
+    </dl>
+  </div>
+</template>
+
+<script setup lang="ts">
+  import type { DateDetail, Detail } from "./types";
+
+  defineProps({
+    details: {
+      type: Object as () => (Detail | DateDetail)[],
+      required: true,
+    },
+  });
+</script>