chore: svelte 5 🎉 (#13738)

chore: svelte 5

Co-authored-by: Michel Heusschen <59014050+michelheusschen@users.noreply.github.com>
Co-authored-by: Ben McCann <322311+benmccann@users.noreply.github.com>

web/src/lib/components/faces-page/face-thumbnail.svelte

@@ -36,14 +36,14 @@
     class:hover:opacity-100={selectable}
     class:rounded-full={circle}
     class:rounded-lg={!circle}
-  />
+  ></div>
 
   {#if selected}
     <div
       class="absolute left-0 top-0 h-full w-full bg-blue-500/80"
       class:rounded-full={circle}
       class:rounded-lg={!circle}
-    />
+    ></div>
   {/if}
 
   {#if person.name}

web/src/lib/components/faces-page/manage-people-visibility.svelte

@@ -44,6 +44,8 @@
     return personIsHidden;
   };
 
+  // svelte-ignore reactive_declaration_non_reactive_property
+  // svelte-ignore reactive_declaration_module_script_dependency
   $: toggleButtonOptions = ((): Record<ToggleVisibility, { icon: string; label: string }> => {
     return {
       [ToggleVisibility.HIDE_ALL]: { icon: mdiEyeOff, label: $t('hide_all_people') },

web/src/lib/components/faces-page/merge-face-selector.svelte

@@ -102,7 +102,7 @@
       {:else}
         {$t('merge_people')}
       {/if}
-      <div />
+      <div></div>
     </svelte:fragment>
     <svelte:fragment slot="trailing">
       <Button size={'sm'} disabled={!hasSelection} on:click={handleMerge}>

web/src/lib/components/faces-page/unmerge-face-selector.svelte

@@ -119,7 +119,7 @@
   <ControlAppBar {onClose}>
     <svelte:fragment slot="leading">
       <slot name="header" />
-      <div />
+      <div></div>
     </svelte:fragment>
     <svelte:fragment slot="trailing">
       <div class="flex gap-4">