build: switch from yarn to npm to manage js dependencies and move js contents to root

yarn v1 is being deprecated and starts to have some issues

Signed-off-by: Thomas Citharel <tcit@tcit.fr>

src/views/SettingsView.vue

@@ -0,0 +1,23 @@
+<template>
+  <div class="container mx-auto">
+    <h1 class="text-violet-3 dark:text-white">{{ t("Settings") }}</h1>
+    <div class="flex flex-wrap gap-4">
+      <SettingsMenu class="max-w-xs w-full" />
+      <div class="flex-1">
+        <router-view />
+      </div>
+    </div>
+  </div>
+</template>
+<script lang="ts" setup>
+import SettingsMenu from "../components/Settings/SettingsMenu.vue";
+import { computed } from "vue";
+import { useI18n } from "vue-i18n";
+import { useHead } from "@vueuse/head";
+
+const { t } = useI18n({ useScope: "global" });
+
+useHead({
+  title: computed(() => t("Settings")),
+});
+</script>