refactor(frontend): ♻️ split user profile/management (#670)

* refactor(frontend): ♻️ major rewrite/improvement of use-profile pages

* refactor(frontend): ♻️ split webhooks into their own page

Co-authored-by: hay-kot <hay-kot@pm.me>

frontend/components/global/ToggleState.vue

@@ -0,0 +1,29 @@
+<template>
+  <component :is="tag">
+    <slot name="activator" v-bind="{ toggle, state }"> </slot>
+    <slot v-bind="{ state, toggle }"></slot>
+  </component>
+</template>
+    
+<script lang="ts">
+import { defineComponent } from "@nuxtjs/composition-api";
+import { useToggle } from "@vueuse/shared";
+
+export default defineComponent({
+  props: {
+    tag: {
+      type: String,
+      default: "div",
+    },
+  },
+  setup() {
+    const [state, toggle] = useToggle();
+    console.log(state, toggle);
+    return {
+      state,
+      toggle,
+    };
+  },
+});
+</script>
+