feat(web): workflow automation ui

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

@@ -9,12 +9,17 @@
     mdiArchiveArrowDownOutline,
     mdiHeartMultiple,
     mdiHeartMultipleOutline,
+    mdiHomeAutomation,
     mdiImageAlbum,
     mdiImageMultiple,
     mdiImageMultipleOutline,
     mdiMagnify,
     mdiMap,
+    mdiPageLayoutSidebarLeft,
+    mdiSettingsHelper,
+    mdiSlide,
     mdiTrashCanOutline,
+    mdiTuneVariant,
   } from '@mdi/js';
   import LoadingSpinner from '../loading-spinner.svelte';
   import StatusBox from '../status-box.svelte';
@@ -145,6 +150,12 @@
         </svelte:fragment>
       </SideBarLink>
     {/if}
+
+    <div class="text-xs transition-all duration-200 dark:text-immich-dark-fg">
+      <p class="hidden p-6 group-hover:sm:block md:block">AUTOMATION</p>
+      <hr class="mx-4 mb-[31px] mt-8 block group-hover:sm:hidden md:hidden" />
+    </div>
+    <SideBarLink title="Workflows" routeId="/(user)/workflows" icon={mdiTuneVariant} />
   </nav>
 
   <!-- Status Box -->