feat: implement user management settings page with user editing functionality

web/src/routes/dashboard/settings/+page.svelte

@@ -0,0 +1,23 @@
+<script lang="ts">
+    import UserTable from '$lib/components/user-data-table.svelte';
+    import {page} from '$app/state';
+    import * as Card from "$lib/components/ui/card/index.js";
+
+
+    let users = page.data.users;
+</script>
+<div class="flex w-full flex-1 flex-col gap-4 p-4 pt-0">
+    <h1 class="scroll-m-20 my-6 text-center text-4xl font-extrabold tracking-tight lg:text-5xl">
+        Settings
+    </h1>
+    <Card.Root>
+        <Card.Header>
+            <Card.Title>Users</Card.Title>
+            <Card.Description>Edit or delete users</Card.Description>
+        </Card.Header>
+        <Card.Content>
+            <UserTable bind:users={users}/>
+        </Card.Content>
+    </Card.Root>
+</div>
+