Lots of improvements and changes

web/components/Whitelist.vue

@@ -7,7 +7,7 @@
         te zien, vul deze code hieronder in.
       </p>
       <div class="flex gap-2">
-        <Input v-model:value="code">Code</Input>
+        <Input v-model="code">Code</Input>
         <Button @click="submitCode">Submit</Button>
       </div>
     </div>

web/components/layout/Sidebar.vue

@@ -16,12 +16,16 @@
       <Icon size="1.5em" name="ph:map-trifold" class="mr-3" />
       Map
     </NuxtLink>
-    <div v-if="user && user.admin" class="mt-auto">
-      <h2 class="ml-2 text-gray-400">Adminstration</h2>
-      <NuxtLink to="/admin/users" class="sidebar-item">
+    <div v-if="user && user.role.admin" class="mt-auto space-y-1">
+      <h2 class="ml-2 text-gray-400">Moderation</h2>
+      <NuxtLink to="/mod/users" class="sidebar-item">
         <Icon size="1.5em" name="ph:users-three" class="mr-3" />
         Users
       </NuxtLink>
+      <NuxtLink to="/mod/server" class="sidebar-item">
+        <Icon size="1.5em" name="ph:cpu" class="mr-3" />
+        Server Control
+      </NuxtLink>
     </div>
   </div>
 </template>

web/components/team/Default.vue

@@ -12,8 +12,8 @@
     </div>
   </Modal>
   <Modal v-if="editTeamModal.open" title="Edit team" @close="editTeamModal.open = false" @submit="editTeam">
-    <Input v-model:value="editTeamModal.name" background-class="bg-neutral-800" class="w-full max-w-sm">Naam / Prefix</Input>
-    <Colorpicker v-model:value="editTeamModal.color" input-background-class="bg-neutral-800" class="w-full max-w-sm" />
+    <Input v-model="editTeamModal.name" background-class="bg-neutral-800" class="w-full max-w-sm">Naam / Prefix</Input>
+    <Colorpicker v-model="editTeamModal.color" input-background-class="bg-neutral-800" class="w-full max-w-sm" />
   </Modal>
   <div class="mx-auto my-10 max-w-2xl">
     <h2 class="mb-2 text-xl font-bold text-primary">Team Information</h2>

web/components/team/None.vue

@@ -28,8 +28,8 @@
     </div>
   </div>
   <div v-else class="flex w-full flex-col items-center gap-5">
-    <Input v-model:value="createTeam.name" class="w-full max-w-sm">Naam</Input>
-    <Colorpicker v-model:value="createTeam.color" class="w-full max-w-sm" />
+    <Input v-model="createTeam.name" class="w-full max-w-sm">Naam</Input>
+    <Colorpicker v-model="createTeam.color" class="w-full max-w-sm" />
     <Button @click="handleCreateTeam">Create Team</Button>
   </div>
 </template>