fix(web): fix badge value in queues page (#25445)

Co-authored-by: Daniel Dietzler <36593685+danieldietzler@users.noreply.github.com>

web/src/routes/admin/queues/[name]/+page.svelte

@@ -1,11 +1,9 @@
 <script lang="ts">
   import AdminPageLayout from '$lib/components/layouts/AdminPageLayout.svelte';
-  import OnEvents from '$lib/components/OnEvents.svelte';
   import QueueGraph from '$lib/components/QueueGraph.svelte';
   import { queueManager } from '$lib/managers/queue-manager.svelte';
   import { Route } from '$lib/route';
   import { asQueueItem, getQueueActions } from '$lib/services/queue.service';
-  import { type QueueResponseDto } from '@immich/sdk';
   import {
     Badge,
     Card,
@@ -29,22 +27,14 @@
 
   const { data }: Props = $props();
 
-  let queue = $derived(data.queue);
+  const queue = $derived(queueManager.queues.find((q) => q.name === data.queue.name) ?? data.queue);
 
   const { Pause, Resume, Empty, RemoveFailedJobs } = $derived(getQueueActions($t, queue));
   const item = $derived(asQueueItem($t, queue));
 
   onMount(() => queueManager.listen());
-
-  const onQueueUpdate = (update: QueueResponseDto) => {
-    if (update.name === queue.name) {
-      queue = update;
-    }
-  };
 </script>
 
-<OnEvents {onQueueUpdate} />
-
 <AdminPageLayout
   breadcrumbs={[{ title: $t('admin.queues'), href: Route.queues() }, { title: item.title }]}
   actions={[Pause, Resume, Empty, MenuItemType.Divider, RemoveFailedJobs]}