chore(deps): update dependency eslint-plugin-svelte to v3 (#16532)

* chore(deps): update dependency eslint-plugin-svelte to v3

* chore: linting

* chore: rebase

---------

Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>
Co-authored-by: Daniel Dietzler <mail@ddietzler.dev>
Co-authored-by: Zack Pollard <zackpollard@ymail.com>

web/src/lib/components/shared-components/tree/breadcrumbs.svelte

@@ -45,7 +45,7 @@
           onclick={() => {}}
         />
       </li>
-      {#each pathSegments as segment, index}
+      {#each pathSegments as segment, index (segment)}
         {@const isLastSegment = index === pathSegments.length - 1}
         <li
           class="flex gap-2 items-center font-mono text-sm text-nowrap text-immich-primary dark:text-immich-dark-primary"

web/src/lib/components/shared-components/tree/tree-item-thumbnails.svelte

@@ -14,7 +14,7 @@
   <div
     class="w-full grid grid-cols-2 sm:grid-cols-4 lg:grid-cols-6 2xl:grid-cols-8 gap-2 bg-gray-50 dark:bg-immich-dark-gray/50 rounded-2xl border border-gray-100 dark:border-gray-900"
   >
-    {#each items as item}
+    {#each items as item (item)}
       <button
         class="flex flex-col place-items-center gap-2 py-2 px-4 hover:bg-immich-primary/10 dark:hover:bg-immich-primary/40 rounded-xl"
         onclick={() => onClick(item)}

web/src/lib/components/shared-components/tree/tree-items.svelte

@@ -15,6 +15,7 @@
 </script>
 
 <ul class="list-none ml-2">
+  <!-- eslint-disable-next-line svelte/require-each-key -->
   {#each Object.entries(items).sort() as [path, tree]}
     {@const value = normalizeTreePath(`${parent}/${path}`)}
     {@const key = value + getColor(value)}