chore(web): Update to Svelte 4 (#3196)

* trying to update to svelte 4

* update dependencies

* remove global transition

* suppress wrning

* chore: install from github

* revert material icon change

* Supress a11y warning

* update

* remove coverage test on web

---------

Co-authored-by: Jason Rasmussen <jrasm91@gmail.com>

web/src/lib/components/shared-components/drag-and-drop-upload-overlay.svelte

@@ -24,6 +24,7 @@
 />
 
 {#if dragStartTarget}
+  <!-- svelte-ignore a11y-no-static-element-interactions -->
   <div
     class="fixed inset-0 w-full h-full z-[1000] flex flex-col items-center justify-center bg-gray-100/90 dark:bg-immich-dark-bg/90 text-immich-dark-gray dark:text-immich-gray"
     transition:fade={{ duration: 250 }}

web/src/lib/components/shared-components/empty-placeholder.svelte

@@ -9,6 +9,7 @@
 </script>
 
 {#if actionHandler}
+  <!-- svelte-ignore a11y-no-static-element-interactions -->
   <div
     on:click={actionHandler}
     on:keydown={actionHandler}

web/src/lib/components/shared-components/notification/notification-card.svelte

@@ -69,6 +69,7 @@
   };
 </script>
 
+<!-- svelte-ignore a11y-no-static-element-interactions -->
 <div
   transition:fade={{ duration: 250 }}
   style:background-color={backgroundColor()}

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

@@ -91,6 +91,7 @@
   };
 </script>
 
+<!-- svelte-ignore a11y-no-static-element-interactions -->
 <div
   id="immich-scrubbable-scrollbar"
   class="fixed right-0 bg-immich-bg z-[100] hover:cursor-row-resize select-none"

web/src/lib/components/shared-components/side-bar/side-bar-button.svelte

@@ -15,6 +15,7 @@
   const onButtonClicked = () => dispatch('selected');
 </script>
 
+<!-- svelte-ignore a11y-no-static-element-interactions -->
 <div
   on:click={onButtonClicked}
   on:keydown={onButtonClicked}