username update, status message update, status overwriting, global

status in client

src/lib/components/member-sidebar.svelte

@@ -12,7 +12,7 @@
     type OverviewData,
     type OverviewGroup,
     type OverviewServer,
-    type UserWithStatus
+    type OverviewUser
   } from '$lib';
   import Button from './ui/button/button.svelte';
   import Input from './ui/input/input.svelte';
@@ -20,14 +20,14 @@
   // Props for the member sidebar.
   let {
     open = $bindable(true),
-    members = $bindable<UserWithStatus[]>([]),
+    members = $bindable<OverviewUser[]>([]),
     user,
     data,
     currentEntity,
     currentEntityId = $bindable<string | null>(null)
   }: {
     open: boolean;
-    members: UserWithStatus[];
+    members: OverviewUser[];
     data: OverviewData;
     user: SessionValidationResult['user'];
     currentEntity: OverviewGroup | OverviewServer;
@@ -49,13 +49,13 @@
       {#if user && currentEntityId}
         <Dialog.Root>
           <Dialog.Trigger><Button variant="outline"><Cog></Cog></Button></Dialog.Trigger>
-          <Dialog.Content class="sm:max-w-[425px]">
+          <Dialog.Content class="sm:max-w-106.25">
             <Dialog.Header>
               <Dialog.Title>Group Settings</Dialog.Title>
               <Dialog.Description>Configure your group settings here.</Dialog.Description>
             </Dialog.Header>
 
-            <Tabs.Root value="users" class="w-[400px]">
+            <Tabs.Root value="users" class="w-100">
               <Tabs.List class="grid w-full grid-cols-2">
                 <Tabs.Trigger value="users">User Permissions</Tabs.Trigger>
                 {#if user.id == currentEntity.ownerId}
@@ -194,9 +194,7 @@
           {#each members as member (member.id)}
             <Sidebar.MenuItem>
               <Sidebar.MenuButton>
-                {#snippet child({ props })}
-                  <User user={member} crown={member.id == currentEntity.ownerId} />
-                {/snippet}
+                <User user={member} crown={member.id == currentEntity.ownerId} />
               </Sidebar.MenuButton>
             </Sidebar.MenuItem>
           {/each}