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/settings/setting-accordion.svelte

@@ -44,6 +44,7 @@
       }
     } else {
       $accordionState.delete(key);
+      // eslint-disable-next-line no-self-assign
       $accordionState = $accordionState;
     }
   };

web/src/lib/components/shared-components/settings/setting-checkboxes.svelte

@@ -30,7 +30,7 @@
 </script>
 
 <div class="mb-4 w-full">
-  <div class={`flex h-[26px] place-items-center gap-1`}>
+  <div class="flex h-[26px] place-items-center gap-1">
     <label class="font-medium text-immich-primary dark:text-immich-dark-primary text-sm" for="{name}-select">
       {label}
     </label>
@@ -51,7 +51,7 @@
     </p>
   {/if}
   <div class="flex flex-col gap-2">
-    {#each options as option}
+    {#each options as option (option.value)}
       <Checkbox
         id="{option.value}-checkbox"
         label={option.text}

web/src/lib/components/shared-components/settings/setting-input-field.svelte

@@ -70,7 +70,7 @@
 </script>
 
 <div class="mb-4 w-full">
-  <div class={`flex place-items-center gap-1`}>
+  <div class="flex place-items-center gap-1">
     <label class="font-medium text-immich-primary dark:text-immich-dark-primary text-sm" for={label}>{label}</label>
     {#if required}
       <div class="text-red-400">*</div>

web/src/lib/components/shared-components/settings/setting-select.svelte

@@ -39,7 +39,7 @@
 </script>
 
 <div class="mb-4 w-full">
-  <div class={`flex h-[26px] place-items-center gap-1`}>
+  <div class="flex h-[26px] place-items-center gap-1">
     <label class="font-medium text-immich-primary dark:text-immich-dark-primary text-sm" for="{name}-select"
       >{label}</label
     >
@@ -63,7 +63,7 @@
   <div class="grid">
     <Icon
       path={mdiChevronDown}
-      size={'1.2em'}
+      size="1.2em"
       ariaHidden={true}
       class="pointer-events-none right-1 relative col-start-1 row-start-1 self-center justify-self-end {disabled
         ? 'text-immich-bg'
@@ -78,7 +78,7 @@
       bind:value
       onchange={handleChange}
     >
-      {#each options as option}
+      {#each options as option (option.value)}
         <option value={option.value}>{option.text}</option>
       {/each}
     </select>

web/src/lib/components/shared-components/settings/setting-textarea.svelte

@@ -30,7 +30,7 @@
 </script>
 
 <div class="mb-4 w-full">
-  <div class={`flex h-[26px] place-items-center gap-1`}>
+  <div class="flex h-[26px] place-items-center gap-1">
     <label class="font-medium text-immich-primary dark:text-immich-dark-primary text-sm" for={label}>{label}</label>
     {#if required}
       <div class="text-red-400">*</div>