working on the frontend

web/src/lib/components/user-details.svelte

@@ -0,0 +1,12 @@
+<script lang="ts">
+    import {getContext} from "svelte";
+
+    const user: () => App.User = getContext("user")
+</script>
+
+<span class="truncate font-semibold">{user().email}</span>
+{#if user().is_superuser}
+    <span class="truncate text-xs">Administrator</span>
+{:else }
+    <span class="truncate text-xs">User</span>
+{/if}