feat: optimize asset delivery with build-time compression and encoding negotiation

web/src/lib/api.ts

@@ -144,7 +144,7 @@ export class BannerApiClient {
     return this.request<User[]>("/admin/users");
   }
 
-  async setUserAdmin(discordId: string, isAdmin: boolean): Promise<User> {
+  async setUserAdmin(discordId: bigint, isAdmin: boolean): Promise<User> {
     const response = await this.fetchFn(`${this.baseUrl}/admin/users/${discordId}/admin`, {
       method: "PUT",
       headers: { "Content-Type": "application/json" },

web/src/lib/components/SearchStatus.svelte

@@ -1,25 +1,25 @@
 <script lang="ts">
-  export interface SearchMeta {
-    totalCount: number;
-    durationMs: number;
-    timestamp: Date;
-  }
+export interface SearchMeta {
+  totalCount: number;
+  durationMs: number;
+  timestamp: Date;
+}
 
-  let { meta }: { meta: SearchMeta | null } = $props();
+let { meta }: { meta: SearchMeta | null } = $props();
 
-  let formattedTime = $derived(
-    meta
-      ? meta.timestamp.toLocaleTimeString(undefined, {
-          hour: "2-digit",
-          minute: "2-digit",
-          second: "2-digit",
-        })
-      : ""
-  );
+let formattedTime = $derived(
+  meta
+    ? meta.timestamp.toLocaleTimeString(undefined, {
+        hour: "2-digit",
+        minute: "2-digit",
+        second: "2-digit",
+      })
+    : ""
+);
 
-  let countLabel = $derived(meta ? meta.totalCount.toLocaleString() : "");
-  let resultNoun = $derived(meta ? (meta.totalCount !== 1 ? "results" : "result") : "");
-  let durationLabel = $derived(meta ? `${Math.round(meta.durationMs)}ms` : "");
+let countLabel = $derived(meta ? meta.totalCount.toLocaleString() : "");
+let resultNoun = $derived(meta ? (meta.totalCount !== 1 ? "results" : "result") : "");
+let durationLabel = $derived(meta ? `${Math.round(meta.durationMs)}ms` : "");
 </script>
 
 {#if meta}

web/src/routes/admin/+layout.svelte

@@ -43,7 +43,7 @@ const navItems = [
       <div class="border-border border-b p-4">
         <h2 class="text-lg font-semibold">Admin</h2>
         {#if authStore.user}
-          <p class="text-muted-foreground text-sm">{authStore.user.username}</p>
+          <p class="text-muted-foreground text-sm">{authStore.user.discordUsername}</p>
         {/if}
       </div>
       <nav class="flex-1 space-y-1 p-2">

web/src/routes/admin/users/+page.svelte

@@ -6,7 +6,7 @@ import { Shield, ShieldOff } from "@lucide/svelte";
 
 let users = $state<User[]>([]);
 let error = $state<string | null>(null);
-let updating = $state<string | null>(null);
+let updating = $state<bigint | null>(null);
 
 onMount(async () => {
   try {
@@ -52,14 +52,14 @@ async function toggleAdmin(user: User) {
         {#each users as user}
           <tr class="border-border border-b last:border-b-0">
             <td class="flex items-center gap-2 px-4 py-3">
-              {#if user.avatarHash}
+              {#if user.discordAvatarHash}
                 <img
-                  src="https://cdn.discordapp.com/avatars/{user.discordId}/{user.avatarHash}.png?size=32"
+                  src="https://cdn.discordapp.com/avatars/{user.discordId}/{user.discordAvatarHash}.png?size=32"
                   alt=""
                   class="h-6 w-6 rounded-full"
                 />
               {/if}
-              {user.username}
+              {user.discordUsername}
             </td>
             <td class="text-muted-foreground px-4 py-3 font-mono text-xs">{user.discordId}</td>
             <td class="px-4 py-3">