feat: user profiles (#32)

* add user profiles and theme selectors

* lowercase buttons by default

* basic layout

* (wip) init token APIs

* refactor server to support variable options

* fix types

* api refactor / registration tests

* implement UI for url and join

* remove console.logs

* rename repository factory

* fix upload size

frontend/components/global/CopyText.vue

@@ -0,0 +1,37 @@
+<template>
+  <button class="btn btn-outline btn-square btn-sm" @click="copyText">
+    <label
+      class="swap swap-rotate"
+      :class="{
+        'swap-active': copied,
+      }"
+    >
+      <Icon class="swap-off h-5 w-5" name="mdi-content-copy" />
+      <Icon class="swap-on h-5 w-5" name="mdi-clipboard" />
+    </label>
+  </button>
+</template>
+
+<script setup lang="ts">
+  const props = defineProps({
+    text: {
+      type: String as () => string,
+      default: "",
+    },
+  });
+
+  const copied = ref(false);
+
+  const { copy } = useClipboard();
+
+  function copyText() {
+    copy(props.text);
+    copied.value = true;
+
+    setTimeout(() => {
+      copied.value = false;
+    }, 1000);
+  }
+</script>
+
+<style scoped></style>