add / edit / delete user warrens

frontend/components/admin/UserListing.vue

@@ -1,6 +1,7 @@
 <script setup lang="ts">
 import type { AuthUser } from '#shared/types/auth';
 
+const session = useAuthSession();
 const { user } = defineProps<{
     user: AuthUser;
 }>();
@@ -12,13 +13,20 @@ const AVATAR =
 
 <template>
     <div
-        class="group/user bg-accent/30 flex cursor-pointer flex-row items-center justify-between gap-4 overflow-hidden rounded-lg p-2 pl-3"
+        class="group/user bg-accent/30 flex flex-row items-center justify-between gap-4 overflow-hidden rounded-lg p-2 pl-3"
     >
         <Avatar>
             <AvatarImage :src="AVATAR" />
         </Avatar>
         <div class="flex min-w-0 shrink grow flex-col leading-4">
-            <span class="truncate text-sm font-medium">{{ user.name }}</span>
+            <span class="truncate text-sm font-medium">
+                {{ user.name }}
+                <span
+                    v-if="user.id === session?.user.id"
+                    class="text-muted-foreground font-normal"
+                    >(You)</span
+                >
+            </span>
             <span class="text-muted-foreground truncate text-xs">{{
                 user.email
             }}</span>