web: create user manage dialog

web/src/components/NavBarIcons/UsersDialog.vue

@@ -0,0 +1,31 @@
+<template>
+  <v-btn icon class="mr-3" @click="users = true">
+    <Users />
+  </v-btn>
+  <v-dialog v-model="users" width="1200" persistent>
+    <v-card max-width="1200">
+      <v-card-title>
+        <span class="headline">User Management Menu</span>
+      </v-card-title>
+      <v-card-subtitle>
+        <span>Add/Delete/Manage users who have access to this tool</span>
+      </v-card-subtitle>
+      <v-card-text>
+        <div>I am just a placeholder</div>
+      </v-card-text>
+      <v-card-actions>
+        <v-spacer></v-spacer>
+        <v-btn color="blue darken-1" @click="users = false">Close</v-btn>
+      </v-card-actions>
+    </v-card>
+  </v-dialog>
+</template>
+
+<script setup lang="ts">
+import { ref } from "vue";
+import { Users } from "lucide-vue-next";
+
+const users = ref(false);
+</script>
+
+<style scoped></style>