feat(web): deduplication UI (#9540)

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

@@ -19,6 +19,8 @@
     mdiMapOutline,
     mdiTrashCan,
     mdiTrashCanOutline,
+    mdiToolbox,
+    mdiToolboxOutline,
   } from '@mdi/js';
   import LoadingSpinner from '../loading-spinner.svelte';
   import StatusBox from '../status-box.svelte';
@@ -42,6 +44,7 @@
   let isPhotosSelected: boolean;
   let isSharingSelected: boolean;
   let isTrashSelected: boolean;
+  let isUtilitiesSelected: boolean;
 </script>
 
 <SideBarSection>
@@ -136,6 +139,13 @@
       </svelte:fragment>
     </SideBarLink>
 
+    <SideBarLink
+      title="Utilities"
+      routeId="/(user)/utilities"
+      bind:isSelected={isUtilitiesSelected}
+      icon={isUtilitiesSelected ? mdiToolbox : mdiToolboxOutline}
+    ></SideBarLink>
+
     <SideBarLink
       title="Archive"
       routeId="/(user)/archive"