chore: setup rollup-plugin-visualizer and remove lodash (#6974)

* chore: setup rollup-plugin-visualizer

* chore: remove lodash

* format

* remove lodash-es from build

web/src/lib/components/elements/dropdown.svelte

@@ -9,7 +9,7 @@
 
   import { mdiCheck } from '@mdi/js';
 
-  import _ from 'lodash';
+  import { isEqual } from 'lodash-es';
   import LinkButton from './buttons/link-button.svelte';
   import { clickOutside } from '$lib/utils/click-outside';
   import { fly } from 'svelte/transition';
@@ -92,7 +92,7 @@
           class="grid grid-cols-[20px,1fr] place-items-center p-2 transition-all hover:bg-gray-300 dark:hover:bg-gray-800"
           on:click={() => handleSelectOption(option)}
         >
-          {#if _.isEqual(selectedOption, option)}
+          {#if isEqual(selectedOption, option)}
             <div class="text-immich-primary dark:text-immich-dark-primary">
               <Icon path={mdiCheck} size="18" />
             </div>

web/src/lib/utils/timeline-util.ts

@@ -1,5 +1,5 @@
 import type { AssetResponseDto } from '@api';
-import lodash from 'lodash-es';
+import { chain } from 'lodash-es';
 import { DateTime, Interval } from 'luxon';
 
 export const fromLocalDateTime = (localDateTime: string) => DateTime.fromISO(localDateTime, { zone: 'UTC' });
@@ -45,8 +45,7 @@ export function splitBucketIntoDateGroups(
   assets: AssetResponseDto[],
   locale: string | undefined,
 ): AssetResponseDto[][] {
-  return lodash
-    .chain(assets)
+  return chain(assets)
     .groupBy((asset) => fromLocalDateTime(asset.localDateTime).toLocaleString(groupDateFormat, { locale }))
     .sortBy((group) => assets.indexOf(group[0]))
     .value();