chore(deps): update typescript-eslint monorepo to v8 (major) (#11598)

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

web/src/lib/components/shared-components/autogrow-textarea.svelte

@@ -12,9 +12,13 @@
   let textarea: HTMLTextAreaElement;
   $: newContent = content;
 
-  $: if (textarea) {
+  $: {
+    // re-visit with svelte 5. runes will make this better.
+    // eslint-disable-next-line @typescript-eslint/no-unused-expressions
     newContent;
-    void tick().then(() => autoGrowHeight(textarea));
+    if (textarea) {
+      void tick().then(() => autoGrowHeight(textarea));
+    }
   }
 
   const updateContent = () => {

web/src/lib/components/shared-components/map/map.svelte

@@ -188,7 +188,9 @@
         asButton
         let:feature
         on:click={(event) => {
-          $$slots.popup || handleAssetClick(event.detail.feature.properties?.id, map);
+          if (!$$slots.popup) {
+            handleAssetClick(event.detail.feature.properties?.id, map);
+          }
         }}
       >
         {#if useLocationPin}

web/src/lib/components/shared-components/progress-bar/progress-bar.svelte

@@ -33,6 +33,8 @@
 
   let progress = setDuration(duration);
 
+  // svelte 5, again....
+  // eslint-disable-next-line @typescript-eslint/no-unused-expressions
   $: duration, handlePromiseError(onChange());
 
   $: {

web/src/lib/components/shared-components/side-bar/storage-space.svelte

@@ -36,7 +36,9 @@
     return 'bg-immich-primary dark:bg-immich-dark-primary';
   };
 
-  $: $user && onUpdate();
+  $: if ($user) {
+    onUpdate();
+  }
 
   onMount(async () => {
     await requestServerInfo();

web/src/lib/components/shared-components/upload-panel.svelte

@@ -28,7 +28,9 @@
     }
   };
 
-  $: $isUploading && autoHide();
+  $: if ($isUploading) {
+    autoHide();
+  }
 </script>
 
 {#if $hasError || $isUploading}

web/src/lib/components/shared-components/user-avatar.svelte

@@ -27,6 +27,8 @@
   let img: HTMLImageElement;
   let showFallback = true;
 
+  // sveeeeeeelteeeeee fiveeeeee
+  // eslint-disable-next-line @typescript-eslint/no-unused-expressions
   $: img, user, void tryLoadImage();
 
   const tryLoadImage = async () => {

web/src/lib/components/shared-components/version-announcement-box.svelte

@@ -14,7 +14,9 @@
 
   $: releaseVersion = $release && semverToName($release.releaseVersion);
   $: serverVersion = $release && semverToName($release.serverVersion);
-  $: $release?.isAvailable && handleRelease();
+  $: if ($release?.isAvailable) {
+    handleRelease();
+  }
 
   const onAcknowledge = () => {
     localStorage.setItem('appVersion', releaseVersion);