From d569e28d016c48ba6adb8afafc97c75c92dfd48a Mon Sep 17 00:00:00 2001
From: Daniel Dietzler <36593685+danieldietzler@users.noreply.github.com>
Date: Thu, 5 Nov 2026 19:50:41 +0100
Subject: [PATCH] fix: web import ordering (#32995)

---
 web/.prettierrc                               |  6 ++-
 web/package.json                              |  2 +-
 web/src/lib/commands.ts                       |  2 +-
 web/src/lib/components/AdaptiveImage.svelte   |  4 +-
 .../lib/components/SchemaAlbumPicker.svelte   |  2 +-
 .../components/SharedLinkExpiration.svelte    |  2 +-
 .../StorageTemplateSettings.svelte            |  6 +--
 .../album-page/AlbumCardGroup.svelte          |  2 +-
 .../album-page/AlbumThumbnail.svelte          |  2 +-
 .../components/album-page/AlbumViewer.svelte  |  8 ++--
 .../components/album-page/AlbumsList.svelte   |  2 +-
 .../album-page/AlbumsTableHeader.svelte       |  2 +-
 .../album-page/AlbumsTableRow.svelte          |  2 +-
 .../asset-viewer/AssetViewer.svelte           | 18 ++++-----
 .../asset-viewer/AssetViewerNavBar.svelte     |  4 +-
 .../asset-viewer/DetailPanel.svelte           | 16 ++++----
 .../asset-viewer/OcrBoundingBox.svelte        |  3 +-
 .../asset-viewer/PhotoViewer.svelte           |  4 +-
 .../asset-viewer/VideoRemoteViewer.svelte     |  2 +-
 .../actions/NextAssetAction.svelte            |  4 +-
 .../actions/PreviousAssetAction.svelte        |  2 +-
 .../asset-viewer/editor/EditorPanel.svelte    |  2 +-
 .../assets/thumbnail/ImageThumbnail.svelte    |  2 +-
 .../assets/thumbnail/Thumbnail.svelte         |  3 +-
 .../components/layouts/AuthPageLayout.svelte  |  3 +-
 .../maintenance/MaintenanceBackupEntry.svelte |  2 +-
 .../maintenance/MaintenanceBackupsList.svelte |  5 +--
 .../pages/SharedLinkErrorPage.svelte          |  2 +-
 .../components/pages/SharedLinkPage.svelte    |  2 +-
 .../share-page/IndividualSharedViewer.svelte  |  4 +-
 .../shared-components/ThemeButton.svelte      |  2 +-
 .../album-selection-utils.spec.ts             |  2 +-
 .../context-menu/MenuOption.svelte            |  7 +++-
 .../gallery-viewer/GalleryViewer.svelte       |  4 +-
 .../navigation-bar/AccountInfoPanel.svelte    |  2 +-
 .../navigation-bar/NavigationBar.svelte       |  6 +--
 .../navigation-bar/NotificationPanel.svelte   |  4 +-
 .../progress-bar/ProgressBar.svelte           |  1 -
 .../search-bar/SearchButton.svelte            |  3 +-
 .../search-bar/SearchDisplaySection.svelte    |  2 +-
 .../search-bar/SearchLocationSection.svelte   |  2 +-
 .../search-bar/SearchMediaSection.svelte      |  2 +-
 .../settings/SettingsLanguageSelector.svelte  |  2 +-
 .../side-bar/BottomInfo.svelte                |  6 +--
 .../side-bar/PurchaseInfo.svelte              |  4 +-
 .../side-bar/ServerStatus.svelte              |  4 +-
 .../side-bar/StorageSpace.svelte              |  2 +-
 .../side-bar/UserSidebar.svelte               |  4 +-
 .../components/timeline/AssetLayout.svelte    |  2 +-
 web/src/lib/components/timeline/Month.svelte  |  2 +-
 .../lib/components/timeline/Timeline.svelte   |  8 ++--
 .../timeline/TimelineAssetViewer.svelte       |  8 ++--
 .../actions/DeleteAssetsAction.svelte         |  2 +-
 .../timeline/actions/DownloadAction.svelte    |  1 -
 .../actions/TimelineKeyboardActions.svelte    |  2 +-
 web/src/lib/elements/DurationInput.svelte     |  2 +-
 .../lib/managers/activity-manager.svelte.ts   |  4 +-
 web/src/lib/managers/event-manager.svelte.ts  |  2 +-
 web/src/lib/managers/memory-manager.svelte.ts |  6 +--
 .../timeline-manager/timeline-day.svelte.ts   |  7 +++-
 .../timeline-manager/timeline-month.svelte.ts |  4 +-
 web/src/lib/modals/AlbumOptionsModal.svelte   |  8 ++--
 web/src/lib/modals/AppDownloadModal.svelte    |  3 +-
 web/src/lib/modals/AvatarEditModal.svelte     |  2 +-
 .../lib/modals/HelpAndFeedbackModal.svelte    |  2 +-
 .../lib/modals/ObtainiumConfigModal.svelte    |  3 +-
 .../lib/modals/PartnerSelectionModal.svelte   |  2 +-
 web/src/lib/modals/PeopleFilterModal.svelte   |  2 +-
 .../lib/modals/PersonBulkShareModal.svelte    |  2 +-
 .../lib/modals/PersonEditAccessModal.svelte   |  2 +-
 web/src/lib/modals/PersonEditModal.svelte     |  2 +-
 web/src/lib/modals/PinCodeResetModal.svelte   |  4 +-
 web/src/lib/modals/PluginMethodPicker.svelte  |  4 +-
 web/src/lib/modals/PurchaseModal.svelte       |  1 -
 .../lib/modals/UserDeleteConfirmModal.svelte  |  2 +-
 .../lib/modals/WorkflowAddStepModal.svelte    |  2 +-
 .../lib/modals/WorkflowDuplicateModal.svelte  |  2 +-
 .../lib/modals/WorkflowEditStepModal.svelte   |  2 +-
 web/src/lib/modals/WorkflowLogsModal.svelte   | 32 ++++++++--------
 .../modals/WorkflowTemplatePickerModal.svelte |  2 +-
 web/src/lib/queries/album.query.ts            |  4 +-
 web/src/lib/queries/client.ts                 |  6 +--
 web/src/lib/queries/passkey.query.ts          |  2 +-
 web/src/lib/route.ts                          |  2 +-
 web/src/lib/services/album.service.ts         |  4 +-
 web/src/lib/services/asset.service.ts         |  6 +--
 .../lib/services/database-backups.service.ts  |  2 +-
 web/src/lib/services/integrity.service.ts     |  2 +-
 web/src/lib/services/person.service.ts        |  2 +-
 web/src/lib/services/queue.service.ts         |  4 +-
 web/src/lib/utils/maintenance.ts              |  2 +-
 web/src/lib/utils/timeline-util.ts            |  2 +-
 web/src/routes/(user)/+layout.svelte          |  5 ++-
 .../(user)/DragAndDropUploadOverlay.svelte    |  2 +-
 web/src/routes/(user)/albums/+page.svelte     |  2 +-
 .../(user)/albums/AlbumsControls.svelte       |  6 +--
 .../[[assetId=id]]/+page.svelte               | 38 +++++++++----------
 .../[[assetId=id]]/+page.svelte               |  9 ++---
 web/src/routes/(user)/buy/+page.svelte        |  4 +-
 web/src/routes/(user)/explore/+page.svelte    | 14 +++----
 web/src/routes/(user)/explore/+page.ts        |  2 +-
 .../[[assetId=id]]/+page.svelte               |  6 +--
 .../[[assetId=id]]/+page.svelte               |  2 +-
 .../[[assetId=id]]/+page.svelte               | 10 ++---
 .../[[assetId=id]]/+page.svelte               | 10 ++---
 .../[[assetId=id]]/MapTimelinePanel.svelte    |  4 +-
 web/src/routes/(user)/memories/+page.svelte   |  2 +-
 .../[[assetId=id]]/MemoryPhotoViewer.svelte   |  2 +-
 .../[[assetId=id]]/MemoryViewer.svelte        |  8 ++--
 .../[[assetId=id]]/+page.svelte               |  4 +-
 web/src/routes/(user)/people/+page.svelte     |  6 +--
 .../[[assetId=id]]/+page.svelte               | 12 +++---
 .../[[assetId=id]]/EditNameInput.svelte       |  2 +-
 .../[[assetId=id]]/FaceThumbnail.svelte       |  2 +-
 .../[[assetId=id]]/MergeFaceSelector.svelte   |  4 +-
 .../[[assetId=id]]/PeopleList.svelte          |  4 +-
 .../[[assetId=id]]/UnmergeFaceSelector.svelte |  2 +-
 .../routes/(user)/people/manage/+page.svelte  |  4 +-
 web/src/routes/(user)/places/+page.svelte     |  7 ++--
 .../(user)/places/PlacesCardGroup.svelte      |  2 +-
 .../routes/(user)/places/PlacesList.svelte    |  7 ++--
 .../[[assetId=id]]/+page.svelte               | 10 ++---
 .../[[assetId=id]]/+page.svelte               | 18 ++++-----
 .../(user)/shared-links/(list)/+layout.svelte |  8 ++--
 .../shared-links/(list)/SharedLinkCard.svelte |  2 +-
 .../(list)/[id]/edit/+page.svelte             |  4 +-
 .../[[assetId=id]]/+page.svelte               |  4 +-
 .../[[assetId=id]]/+page.svelte               | 12 +++---
 .../routes/(user)/user-settings/+page.svelte  |  2 +-
 .../(user)/user-settings/AppSettings.svelte   |  4 +-
 .../(user)/user-settings/DeviceList.svelte    |  4 +-
 .../user-settings/FeatureSettings.svelte      |  4 +-
 .../(user)/user-settings/OAuthSettings.svelte |  6 +--
 .../user-settings/PinCodeChangeForm.svelte    |  2 +-
 .../user-settings/PinCodeSettings.svelte      |  2 +-
 .../user-settings/SharingSettings.svelte      |  6 +--
 .../user-settings/UserPurchaseSettings.svelte |  5 +--
 .../user-settings/UserSettingsList.svelte     | 20 +++++-----
 .../(user)/utilities/UtilitiesMenu.svelte     |  2 +-
 .../[[assetId=id]]/+page.svelte               | 17 ++++-----
 .../[[assetId=id]]/DuplicateAsset.svelte      |  2 +-
 .../DuplicatesCompareControl.svelte           |  2 +-
 .../(user)/utilities/geolocation/+page.svelte |  2 +-
 .../[[assetId=id]]/+page.svelte               |  4 +-
 web/src/routes/(user)/workflows/+page.svelte  |  2 +-
 .../workflows/[workflowId]/+page.svelte       |  4 +-
 .../[workflowId]/WorkflowJsonEditor.svelte    |  4 +-
 .../[workflowId]/WorkflowStepCard.svelte      |  7 ++--
 .../[workflowId]/WorkflowSummary.svelte       |  2 +-
 web/src/routes/+layout.svelte                 | 26 ++++++-------
 web/src/routes/DownloadPanel.svelte           |  8 ++--
 web/src/routes/UploadAssetPreview.svelte      |  3 +-
 web/src/routes/admin/backups/+page.svelte     |  4 +-
 .../admin/backups/attempts/+page.svelte       |  4 +-
 .../admin/backups/settings/+page.svelte       |  4 +-
 .../admin/backups/snapshots/+page.svelte      |  4 +-
 .../library-management/(list)/+layout.svelte  |  4 +-
 .../(list)/new/+page.svelte                   |  2 +-
 .../library-management/[id]/+layout.svelte    |  4 +-
 .../library-management/[id]/edit/+page.svelte |  2 +-
 web/src/routes/admin/maintenance/+page.svelte |  8 ++--
 .../integrity-report/[type]/+page.svelte      |  4 +-
 .../integrity-report/[type]/+page.ts          |  2 +-
 web/src/routes/admin/queues/+page.svelte      |  4 +-
 web/src/routes/admin/queues/QueueCard.svelte  |  4 +-
 web/src/routes/admin/queues/QueuePanel.svelte |  8 ++--
 .../routes/admin/queues/[name]/+page.svelte   |  2 +-
 web/src/routes/admin/queues/[name]/+page.ts   |  4 +-
 .../routes/admin/server-status/+page.svelte   |  2 +-
 .../ServerStatisticsPanel.svelte              |  2 +-
 .../routes/admin/system-settings/+page.svelte | 34 ++++++++---------
 .../admin/system-settings/AuthSettings.svelte |  2 +-
 .../system-settings/BackupSettings.svelte     | 10 ++---
 .../system-settings/FFmpegSettings.svelte     | 10 ++---
 .../system-settings/ImageSettings.svelte      | 13 +++----
 .../IntegrityChecksSettings.svelte            |  6 +--
 .../admin/system-settings/JobSettings.svelte  |  8 ++--
 .../system-settings/LibrarySettings.svelte    |  8 ++--
 .../system-settings/LoggingSettings.svelte    | 10 ++---
 .../MachineLearningSettings.svelte            |  8 ++--
 .../admin/system-settings/MapSettings.svelte  |  6 +--
 .../system-settings/MetadataSettings.svelte   |  6 +--
 .../NewVersionCheckSettings.svelte            |  8 ++--
 .../NightlyTasksSettings.svelte               | 10 ++---
 .../NotificationSettings.svelte               |  4 +-
 .../system-settings/ServerSettings.svelte     | 10 ++---
 .../system-settings/TemplateSettings.svelte   |  6 +--
 .../system-settings/ThemeSettings.svelte      |  6 +--
 .../system-settings/TrashSettings.svelte      | 10 ++---
 .../admin/system-settings/UserSettings.svelte | 11 +++---
 .../admin/users/(list)/new/+page.svelte       |  6 +--
 .../routes/admin/users/[id]/+layout.svelte    | 12 +++---
 .../routes/admin/users/[id]/edit/+page.svelte |  6 +--
 .../routes/auth/change-password/+page.svelte  |  2 +-
 web/src/routes/auth/login/+page.svelte        |  8 ++--
 web/src/routes/auth/onboarding/+page.svelte   | 26 ++++++-------
 .../auth/onboarding/OnboardingHello.svelte    |  4 +-
 .../auth/onboarding/OnboardingTheme.svelte    |  2 +-
 web/src/routes/auth/pin-prompt/+page.svelte   |  2 +-
 web/src/routes/auth/register/+page.svelte     |  2 +-
 web/src/routes/maintenance/+page.svelte       |  4 +-
 .../maintenance/MaintenanceRestoreFlow.svelte |  2 +-
 .../RestoreFlowAutoSelectBackup.svelte        |  6 +--
 .../RestoreFlowDetectInstall.svelte           |  2 +-
 .../maintenance/RestoreFlowIntro.svelte       |  2 +-
 .../RestoreFlowSelectBackup.svelte            |  4 +-
 web/test/common/factories.ts                  |  2 +-
 web/test/medium/matchers.ts                   |  2 +-
 web/test/unit/matchers.ts                     |  2 +-
 209 files changed, 535 insertions(+), 541 deletions(-)

diff --git a/web/.prettierrc b/web/.prettierrc
index c19bf13b1..060db6d6b 100644
--- a/web/.prettierrc
+++ b/web/.prettierrc
@@ -1,9 +1,11 @@
 {
   "importOrder": ["<THIRD_PARTY_MODULES>", "<BUILTIN_MODULES>", "^\\$(.*)$", "^#test-data(.*)$", "^[./]"],
-  "importOrderSeparation": false,
+  "importOrderCaseSensitive": true,
+  "importOrderSafeSideEffects": [".*"],
+  "importOrderTypeScriptVersion": "6.0.0",
   "jsonRecursiveSort": true,
   "overrides": [{ "files": "*.svelte", "options": { "parser": "svelte" } }],
-  "plugins": ["@trivago/prettier-plugin-sort-imports", "prettier-plugin-svelte", "prettier-plugin-sort-json"],
+  "plugins": ["@ianvs/prettier-plugin-sort-imports", "prettier-plugin-svelte", "prettier-plugin-sort-json"],
   "printWidth": 120,
   "semi": true,
   "singleQuote": true,
diff --git a/web/package.json b/web/package.json
index 40a69a30d..7160e51be 100644
--- a/web/package.json
+++ b/web/package.json
@@ -83,6 +83,7 @@
   },
   "devDependencies": {
     "@eslint/js": "^10.0.0",
+    "@ianvs/prettier-plugin-sort-imports": "^4.7.1",
     "@koddsson/eslint-plugin-tscompat": "^0.4.0",
     "@playwright/test": "1.64.1",
     "@socket.io/component-emitter": "^3.1.0",
@@ -91,7 +92,6 @@
     "@sveltejs/kit": "^3.0.0",
     "@sveltejs/vite-plugin-svelte": "7.3.1",
     "@tailwindcss/vite": "^4.2.4",
-    "@trivago/prettier-plugin-sort-imports": "^6.0.2",
     "@types/chromecast-caf-sender": "^1.0.11",
     "@types/dom-to-image": "^2.6.7",
     "@types/justified-layout": "^4.1.4",
diff --git a/web/src/lib/commands.ts b/web/src/lib/commands.ts
index a6814e71f..56475bc5f 100644
--- a/web/src/lib/commands.ts
+++ b/web/src/lib/commands.ts
@@ -3,7 +3,7 @@ import { readPreloadedQuery } from '#lib/queries/client.ts';
 import { getUserConfigQuery } from '#lib/queries/config-user.query.ts';
 import { Route } from '#lib/route.ts';
 import { copyToClipboard } from '#lib/utils.ts';
-import { defaultProvider, screencastManager, themeManager, ThemePreference, type ActionItem } from '@immich/ui';
+import { ThemePreference, defaultProvider, screencastManager, themeManager, type ActionItem } from '@immich/ui';
 import {
   mdiAccountMultipleOutline,
   mdiAccountOutline,
diff --git a/web/src/lib/components/AdaptiveImage.svelte b/web/src/lib/components/AdaptiveImage.svelte
index 6b3896de1..e9f8216b3 100644
--- a/web/src/lib/components/AdaptiveImage.svelte
+++ b/web/src/lib/components/AdaptiveImage.svelte
@@ -51,11 +51,12 @@
 
 <script lang="ts">
   import AlphaBackground from '#lib/components/AlphaBackground.svelte';
-  import BrokenAsset from '#lib/components/assets/BrokenAsset.svelte';
   import DelayedLoadingSpinner from '#lib/components/DelayedLoadingSpinner.svelte';
   import ImageLayer from '#lib/components/ImageLayer.svelte';
   import Thumbhash from '#lib/components/Thumbhash.svelte';
+  import BrokenAsset from '#lib/components/assets/BrokenAsset.svelte';
   import { assetViewerManager } from '#lib/managers/asset-viewer-manager.svelte.ts';
+  import { languageManager } from '#lib/managers/language-manager.svelte.ts';
   import { getAssetUrls } from '#lib/utils.ts';
   import { AdaptiveImageLoader, type QualityList } from '#lib/utils/adaptive-image-loader.svelte.ts';
   import { scaleToCover, scaleToFit, type Size } from '#lib/utils/container-utils.ts';
@@ -63,7 +64,6 @@
   import { toTimelineAsset } from '#lib/utils/timeline-util.ts';
   import type { AssetResponseDto, SharedLinkResponseDto } from '@immich/sdk';
   import { untrack, type Snippet } from 'svelte';
-  import { languageManager } from '#lib/managers/language-manager.svelte.ts';
 
   type Props = {
     asset: AssetResponseDto;
diff --git a/web/src/lib/components/SchemaAlbumPicker.svelte b/web/src/lib/components/SchemaAlbumPicker.svelte
index bb0e06ea4..17a2347f7 100644
--- a/web/src/lib/components/SchemaAlbumPicker.svelte
+++ b/web/src/lib/components/SchemaAlbumPicker.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
   import AlbumThumbnail from '#lib/components/album-page/AlbumThumbnail.svelte';
-  import { Button, Text, Label, modalManager } from '@immich/ui';
   import AlbumPickerModal from '#lib/modals/AlbumPickerModal.svelte';
+  import { Button, Label, Text, modalManager } from '@immich/ui';
   import { t } from 'svelte-i18n';
 
   type Props = {
diff --git a/web/src/lib/components/SharedLinkExpiration.svelte b/web/src/lib/components/SharedLinkExpiration.svelte
index 8c9353a17..447890d4d 100644
--- a/web/src/lib/components/SharedLinkExpiration.svelte
+++ b/web/src/lib/components/SharedLinkExpiration.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
-  import { Button, DatePicker, Field } from '@immich/ui';
   import { locale } from '#lib/stores/preferences.store.ts';
+  import { Button, DatePicker, Field } from '@immich/ui';
   import { DateTime, Duration } from 'luxon';
   import { t } from 'svelte-i18n';
 
diff --git a/web/src/lib/components/admin-settings/StorageTemplateSettings.svelte b/web/src/lib/components/admin-settings/StorageTemplateSettings.svelte
index e709306f5..c1d46c83d 100644
--- a/web/src/lib/components/admin-settings/StorageTemplateSettings.svelte
+++ b/web/src/lib/components/admin-settings/StorageTemplateSettings.svelte
@@ -6,15 +6,15 @@
   import FormatMessage from '#lib/elements/FormatMessage.svelte';
   import { authManager } from '#lib/managers/auth-manager.svelte.ts';
   import { featureFlagsManager } from '#lib/managers/feature-flags-manager.svelte.ts';
+  import StorageTemplateVariablesModal from '#lib/modals/StorageTemplateVariablesModal.svelte';
   import { createPreloadedQuery, executeMutation } from '#lib/queries/client.ts';
   import { getAdminConfigQuery, updateAdminConfigMutation } from '#lib/queries/config-admin.query.ts';
-  import StorageTemplateVariablesModal from '#lib/modals/StorageTemplateVariablesModal.svelte';
   import { Route } from '#lib/route.ts';
   import { getStorageTemplateOptions, type SystemConfigTemplateStorageOptionDto } from '@immich/sdk';
-  import { cloneDeep } from 'lodash-es';
-  import { Code, Heading, IconButton, Link, modalManager, Text } from '@immich/ui';
+  import { Code, Heading, IconButton, Link, Text, modalManager } from '@immich/ui';
   import { mdiInformationOutline } from '@mdi/js';
   import handlebar from 'handlebars';
+  import { cloneDeep } from 'lodash-es';
   import * as luxon from 'luxon';
   import { onDestroy } from 'svelte';
   import { t } from 'svelte-i18n';
diff --git a/web/src/lib/components/album-page/AlbumCardGroup.svelte b/web/src/lib/components/album-page/AlbumCardGroup.svelte
index 40d30463d..004ede915 100644
--- a/web/src/lib/components/album-page/AlbumCardGroup.svelte
+++ b/web/src/lib/components/album-page/AlbumCardGroup.svelte
@@ -4,7 +4,7 @@
   import { Route } from '#lib/route.ts';
   import { getAlbumActions } from '#lib/services/album.service.ts';
   import { albumViewSettings } from '#lib/stores/preferences.store.ts';
-  import { type AlbumGroup, isAlbumGroupCollapsed, toggleAlbumGroupCollapsing } from '#lib/utils/album-utils.ts';
+  import { isAlbumGroupCollapsed, toggleAlbumGroupCollapsing, type AlbumGroup } from '#lib/utils/album-utils.ts';
   import type { AlbumResponseDto } from '@immich/sdk';
   import { Icon, menuManager, type ActionItem } from '@immich/ui';
   import { mdiChevronRight } from '@mdi/js';
diff --git a/web/src/lib/components/album-page/AlbumThumbnail.svelte b/web/src/lib/components/album-page/AlbumThumbnail.svelte
index 75ad60924..40f2b2843 100644
--- a/web/src/lib/components/album-page/AlbumThumbnail.svelte
+++ b/web/src/lib/components/album-page/AlbumThumbnail.svelte
@@ -2,7 +2,7 @@
   import AlbumCover from '#lib/components/album-page/AlbumCover.svelte';
   import { getAlbumQuery } from '#lib/queries/album.query.ts';
   import { queryClient } from '#lib/queries/client.ts';
-  import { IconButton, Text, LoadingSpinner } from '@immich/ui';
+  import { IconButton, LoadingSpinner, Text } from '@immich/ui';
   import { mdiTrashCanOutline } from '@mdi/js';
   import { createQuery } from '@tanstack/svelte-query';
   import { t } from 'svelte-i18n';
diff --git a/web/src/lib/components/album-page/AlbumViewer.svelte b/web/src/lib/components/album-page/AlbumViewer.svelte
index c7ff5f513..61fb4bb50 100644
--- a/web/src/lib/components/album-page/AlbumViewer.svelte
+++ b/web/src/lib/components/album-page/AlbumViewer.svelte
@@ -1,13 +1,15 @@
 <script lang="ts">
   import { shortcut } from '#lib/actions/shortcut.ts';
   import AlbumMap from '#lib/components/album-page/AlbumMap.svelte';
-  import DownloadAction from '#lib/components/timeline/actions/DownloadAction.svelte';
-  import SelectAllAssets from '#lib/components/timeline/actions/SelectAllAction.svelte';
   import AssetSelectControlBar from '#lib/components/timeline/AssetSelectControlBar.svelte';
   import Timeline from '#lib/components/timeline/Timeline.svelte';
+  import DownloadAction from '#lib/components/timeline/actions/DownloadAction.svelte';
+  import SelectAllAssets from '#lib/components/timeline/actions/SelectAllAction.svelte';
   import { assetMultiSelectManager } from '#lib/managers/asset-multi-select-manager.svelte.ts';
   import { assetViewerManager } from '#lib/managers/asset-viewer-manager.svelte.ts';
   import { TimelineManager } from '#lib/managers/timeline-manager/timeline-manager.svelte.ts';
+  import { createPreloadedQuery } from '#lib/queries/client.ts';
+  import { getPublicConfigQuery } from '#lib/queries/config-public.query.ts';
   import { handleDownloadAlbum } from '#lib/services/album.service.ts';
   import { getGlobalActions } from '#lib/services/app.service.ts';
   import { dragAndDropFilesStore } from '#lib/stores/drag-and-drop-files.store.ts';
@@ -22,8 +24,6 @@
   import ControlAppBar from '../shared-components/ControlAppBar.svelte';
   import ThemeButton from '../shared-components/ThemeButton.svelte';
   import AlbumSummary from './AlbumSummary.svelte';
-  import { createPreloadedQuery } from '#lib/queries/client.ts';
-  import { getPublicConfigQuery } from '#lib/queries/config-public.query.ts';
 
   const query = createPreloadedQuery(getPublicConfigQuery);
   const publicConfig = $derived(query.data);
diff --git a/web/src/lib/components/album-page/AlbumsList.svelte b/web/src/lib/components/album-page/AlbumsList.svelte
index 432e0484b..007465ec7 100644
--- a/web/src/lib/components/album-page/AlbumsList.svelte
+++ b/web/src/lib/components/album-page/AlbumsList.svelte
@@ -8,8 +8,8 @@
     AlbumGroupBy,
     AlbumSortBy,
     AlbumViewMode,
-    locale,
     SortOrder,
+    locale,
     type AlbumViewSettings,
   } from '#lib/stores/preferences.store.ts';
   import {
diff --git a/web/src/lib/components/album-page/AlbumsTableHeader.svelte b/web/src/lib/components/album-page/AlbumsTableHeader.svelte
index 09f455941..c05d3ff89 100644
--- a/web/src/lib/components/album-page/AlbumsTableHeader.svelte
+++ b/web/src/lib/components/album-page/AlbumsTableHeader.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-  import { albumViewSettings, SortOrder, AlbumSortBy } from '#lib/stores/preferences.store.ts';
+  import { AlbumSortBy, SortOrder, albumViewSettings } from '#lib/stores/preferences.store.ts';
   import type { AlbumSortOptionMetadata } from '#lib/utils/album-utils.ts';
   import { t } from 'svelte-i18n';
 
diff --git a/web/src/lib/components/album-page/AlbumsTableRow.svelte b/web/src/lib/components/album-page/AlbumsTableRow.svelte
index 9474c0786..6a5dce4e8 100644
--- a/web/src/lib/components/album-page/AlbumsTableRow.svelte
+++ b/web/src/lib/components/album-page/AlbumsTableRow.svelte
@@ -1,5 +1,4 @@
 <script lang="ts">
-  import { goto } from '$app/navigation';
   import { dateFormats } from '#lib/constants.ts';
   import Portal from '#lib/elements/Portal.svelte';
   import { authManager } from '#lib/managers/auth-manager.svelte.ts';
@@ -10,6 +9,7 @@
   import { Icon, menuManager } from '@immich/ui';
   import { mdiShareVariantOutline } from '@mdi/js';
   import { t } from 'svelte-i18n';
+  import { goto } from '$app/navigation';
 
   type Props = {
     album: AlbumResponseDto;
diff --git a/web/src/lib/components/asset-viewer/AssetViewer.svelte b/web/src/lib/components/asset-viewer/AssetViewer.svelte
index 16f603cd0..e46fe3203 100644
--- a/web/src/lib/components/asset-viewer/AssetViewer.svelte
+++ b/web/src/lib/components/asset-viewer/AssetViewer.svelte
@@ -1,18 +1,17 @@
 <script lang="ts">
-  import { browser } from '$app/env';
   import { focusTrap } from '#lib/actions/focus-trap.ts';
   import { shortcuts } from '#lib/actions/shortcut.ts';
-  import type { Action, OnAction, PreAction } from '#lib/components/asset-viewer/actions/action.ts';
-  import NextAssetAction from '#lib/components/asset-viewer/actions/NextAssetAction.svelte';
-  import PreviousAssetAction from '#lib/components/asset-viewer/actions/PreviousAssetAction.svelte';
+  import OnEvents from '#lib/components/OnEvents.svelte';
   import AssetViewerNavBar from '#lib/components/asset-viewer/AssetViewerNavBar.svelte';
   import { preloadManager } from '#lib/components/asset-viewer/PreloadManager.svelte.ts';
-  import OnEvents from '#lib/components/OnEvents.svelte';
+  import NextAssetAction from '#lib/components/asset-viewer/actions/NextAssetAction.svelte';
+  import PreviousAssetAction from '#lib/components/asset-viewer/actions/PreviousAssetAction.svelte';
+  import type { Action, OnAction, PreAction } from '#lib/components/asset-viewer/actions/action.ts';
   import { AssetAction, ProjectionType } from '#lib/constants.ts';
   import { activityManager } from '#lib/managers/activity-manager.svelte.ts';
   import { assetViewerManager } from '#lib/managers/asset-viewer-manager.svelte.ts';
   import { authManager } from '#lib/managers/auth-manager.svelte.ts';
-  import { editManager, EditToolType } from '#lib/managers/edit/edit-manager.svelte.ts';
+  import { EditToolType, editManager } from '#lib/managers/edit/edit-manager.svelte.ts';
   import { eventManager } from '#lib/managers/event-manager.svelte.ts';
   import type { TimelineAsset } from '#lib/managers/timeline-manager/types.ts';
   import { getAssetActions } from '#lib/services/asset.service.ts';
@@ -24,8 +23,8 @@
   import type { OnUndoDelete } from '#lib/utils/actions.ts';
   import { navigateToAsset } from '#lib/utils/asset-utils.ts';
   import { handleError } from '#lib/utils/handle-error.ts';
-  import { navigate } from '#lib/utils/navigation.ts';
   import { InvocationTracker } from '#lib/utils/invocationTracker.ts';
+  import { navigate } from '#lib/utils/navigation.ts';
   import { SlideshowHistory } from '#lib/utils/slideshow-history.ts';
   import { toTimelineAsset } from '#lib/utils/timeline-util.ts';
   import {
@@ -42,18 +41,19 @@
   import type { SwipeCustomEvent } from 'svelte-gestures';
   import { t } from 'svelte-i18n';
   import { fly } from 'svelte/transition';
+  import { browser } from '$app/env';
   import Thumbnail from '../assets/thumbnail/Thumbnail.svelte';
   import ActivityStatus from './ActivityStatus.svelte';
   import ActivityViewer from './ActivityViewer.svelte';
   import DetailPanel from './DetailPanel.svelte';
-  import EditorPanel from './editor/EditorPanel.svelte';
-  import CropArea from './editor/transform-tool/CropArea.svelte';
   import ImagePanoramaViewer from './ImagePanoramaViewer.svelte';
   import OcrButton from './OcrButton.svelte';
   import PhotoViewer from './PhotoViewer.svelte';
   import SlideshowBar from './SlideshowBar.svelte';
   import SlideshowMetadataOverlay from './SlideshowMetadataOverlay.svelte';
   import VideoViewer from './VideoWrapperViewer.svelte';
+  import EditorPanel from './editor/EditorPanel.svelte';
+  import CropArea from './editor/transform-tool/CropArea.svelte';
 
   export type AssetCursor = {
     current: AssetResponseDto;
diff --git a/web/src/lib/components/asset-viewer/AssetViewerNavBar.svelte b/web/src/lib/components/asset-viewer/AssetViewerNavBar.svelte
index a64dd2b6e..b0c3b3a7c 100644
--- a/web/src/lib/components/asset-viewer/AssetViewerNavBar.svelte
+++ b/web/src/lib/components/asset-viewer/AssetViewerNavBar.svelte
@@ -1,11 +1,11 @@
 <script lang="ts">
   import ActionMenuItem from '#lib/components/ActionMenuItem.svelte';
-  import type { OnAction, PreAction } from '#lib/components/asset-viewer/actions/action.ts';
+  import LoadingDots from '#lib/components/LoadingDots.svelte';
   import ArchiveAction from '#lib/components/asset-viewer/actions/ArchiveAction.svelte';
   import DeleteAction from '#lib/components/asset-viewer/actions/DeleteAction.svelte';
   import RestoreAction from '#lib/components/asset-viewer/actions/RestoreAction.svelte';
   import SetVisibilityAction from '#lib/components/asset-viewer/actions/SetVisibilityAction.svelte';
-  import LoadingDots from '#lib/components/LoadingDots.svelte';
+  import type { OnAction, PreAction } from '#lib/components/asset-viewer/actions/action.ts';
   import ButtonContextMenu from '#lib/components/shared-components/context-menu/ButtonContextMenu.svelte';
   import { assetViewerManager } from '#lib/managers/asset-viewer-manager.svelte.ts';
   import { authManager } from '#lib/managers/auth-manager.svelte.ts';
diff --git a/web/src/lib/components/asset-viewer/DetailPanel.svelte b/web/src/lib/components/asset-viewer/DetailPanel.svelte
index 887b7d722..4eb067539 100644
--- a/web/src/lib/components/asset-viewer/DetailPanel.svelte
+++ b/web/src/lib/components/asset-viewer/DetailPanel.svelte
@@ -1,35 +1,35 @@
 <script lang="ts">
-  import { goto } from '$app/navigation';
   import DetailPanelDate from '#lib/components/asset-viewer/DetailPanelDate.svelte';
   import DetailPanelDescription from '#lib/components/asset-viewer/DetailPanelDescription.svelte';
   import DetailPanelLocation from '#lib/components/asset-viewer/DetailPanelLocation.svelte';
+  import DetailPanelPeople from '#lib/components/asset-viewer/DetailPanelPeople.svelte';
   import DetailPanelRating from '#lib/components/asset-viewer/DetailPanelStarRating.svelte';
   import DetailPanelTags from '#lib/components/asset-viewer/DetailPanelTags.svelte';
   import { timeToLoadTheMap } from '#lib/constants.ts';
   import { assetViewerManager } from '#lib/managers/asset-viewer-manager.svelte.ts';
   import { authManager } from '#lib/managers/auth-manager.svelte.ts';
+  import { getAlbumsByAssetQuery } from '#lib/queries/album.query.ts';
+  import { createPreloadedQuery } from '#lib/queries/client.ts';
+  import { getPublicConfigQuery } from '#lib/queries/config-public.query.ts';
   import { Route } from '#lib/route.ts';
+  import { faceManager } from '#lib/stores/face.svelte.ts';
   import { locale } from '#lib/stores/preferences.store.ts';
   import { getAssetMediaUrl } from '#lib/utils.ts';
   import { delay, getDimensions } from '#lib/utils/asset-utils.ts';
   import { getByteUnitString } from '#lib/utils/byte-units.ts';
+  import { getCameraName } from '#lib/utils/camera-utils.ts';
   import { getParentPath } from '#lib/utils/tree-utils.ts';
   import { AssetMediaSize, getAssetInfo, type AlbumResponseDto, type AssetResponseDto } from '@immich/sdk';
-  import { createQuery } from '@tanstack/svelte-query';
   import { Icon, IconButton, Link, LoadingSpinner, Text } from '@immich/ui';
   import { mdiCamera, mdiCameraIris, mdiClose, mdiImageOutline, mdiInformationOutline } from '@mdi/js';
+  import { createQuery } from '@tanstack/svelte-query';
   import { onDestroy } from 'svelte';
   import { t } from 'svelte-i18n';
   import { slide } from 'svelte/transition';
+  import { goto } from '$app/navigation';
   import PersonSidePanel from '../faces-page/PersonSidePanel.svelte';
   import UserAvatar from '../shared-components/UserAvatar.svelte';
   import AlbumListItemDetails from './AlbumListItemDetails.svelte';
-  import DetailPanelPeople from '#lib/components/asset-viewer/DetailPanelPeople.svelte';
-  import { faceManager } from '#lib/stores/face.svelte.ts';
-  import { getAlbumsByAssetQuery } from '#lib/queries/album.query.ts';
-  import { createPreloadedQuery } from '#lib/queries/client.ts';
-  import { getPublicConfigQuery } from '#lib/queries/config-public.query.ts';
-  import { getCameraName } from '#lib/utils/camera-utils.ts';
 
   const query = createPreloadedQuery(getPublicConfigQuery);
   const publicConfig = $derived(query.data);
diff --git a/web/src/lib/components/asset-viewer/OcrBoundingBox.svelte b/web/src/lib/components/asset-viewer/OcrBoundingBox.svelte
index 2f25e5e56..8e3f1696b 100644
--- a/web/src/lib/components/asset-viewer/OcrBoundingBox.svelte
+++ b/web/src/lib/components/asset-viewer/OcrBoundingBox.svelte
@@ -1,7 +1,6 @@
 <script lang="ts">
   import { mediaQueryManager } from '#lib/stores/media-query-manager.svelte.ts';
-  import type { OcrBox } from '#lib/utils/ocr-utils.ts';
-  import { calculateBoundingBoxMatrix, calculateFittedFontSize } from '#lib/utils/ocr-utils.ts';
+  import { calculateBoundingBoxMatrix, calculateFittedFontSize, type OcrBox } from '#lib/utils/ocr-utils.ts';
 
   type Props = {
     ocrBox: OcrBox;
diff --git a/web/src/lib/components/asset-viewer/PhotoViewer.svelte b/web/src/lib/components/asset-viewer/PhotoViewer.svelte
index 4c486c29e..57eab658a 100644
--- a/web/src/lib/components/asset-viewer/PhotoViewer.svelte
+++ b/web/src/lib/components/asset-viewer/PhotoViewer.svelte
@@ -2,10 +2,10 @@
   import { shortcuts } from '#lib/actions/shortcut.ts';
   import { zoomImageAction } from '#lib/actions/zoom-image.ts';
   import AdaptiveImage from '#lib/components/AdaptiveImage.svelte';
-  import FaceEditor from '#lib/components/asset-viewer/face-editor/FaceEditor.svelte';
-  import OcrBoundingBox from '#lib/components/asset-viewer/OcrBoundingBox.svelte';
   import AssetViewerEvents from '#lib/components/AssetViewerEvents.svelte';
   import Thumbhash from '#lib/components/Thumbhash.svelte';
+  import OcrBoundingBox from '#lib/components/asset-viewer/OcrBoundingBox.svelte';
+  import FaceEditor from '#lib/components/asset-viewer/face-editor/FaceEditor.svelte';
   import { assetViewerManager, type Faces } from '#lib/managers/asset-viewer-manager.svelte.ts';
   import { castManager } from '#lib/managers/cast-manager.svelte.ts';
   import { faceManager } from '#lib/stores/face.svelte.ts';
diff --git a/web/src/lib/components/asset-viewer/VideoRemoteViewer.svelte b/web/src/lib/components/asset-viewer/VideoRemoteViewer.svelte
index 15c4ae5b6..d68005dcb 100644
--- a/web/src/lib/components/asset-viewer/VideoRemoteViewer.svelte
+++ b/web/src/lib/components/asset-viewer/VideoRemoteViewer.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-  import { castManager, CastState } from '#lib/managers/cast-manager.svelte.ts';
+  import { CastState, castManager } from '#lib/managers/cast-manager.svelte.ts';
   import { handleError } from '#lib/utils/handle-error.ts';
   import { Icon, IconButton, LoadingSpinner } from '@immich/ui';
   import { mdiCastConnected, mdiPause, mdiPlay } from '@mdi/js';
diff --git a/web/src/lib/components/asset-viewer/actions/NextAssetAction.svelte b/web/src/lib/components/asset-viewer/actions/NextAssetAction.svelte
index 33eed740e..f88ca6430 100644
--- a/web/src/lib/components/asset-viewer/actions/NextAssetAction.svelte
+++ b/web/src/lib/components/asset-viewer/actions/NextAssetAction.svelte
@@ -1,10 +1,10 @@
 <script lang="ts">
   import { shortcuts } from '#lib/actions/shortcut.ts';
+  import { languageManager } from '#lib/managers/language-manager.svelte.ts';
   import { Icon } from '@immich/ui';
-  import { mdiChevronRight, mdiChevronLeft } from '@mdi/js';
+  import { mdiChevronLeft, mdiChevronRight } from '@mdi/js';
   import { t } from 'svelte-i18n';
   import NavigationArea from '../NavigationArea.svelte';
-  import { languageManager } from '#lib/managers/language-manager.svelte.ts';
 
   interface Props {
     onNextAsset: () => void;
diff --git a/web/src/lib/components/asset-viewer/actions/PreviousAssetAction.svelte b/web/src/lib/components/asset-viewer/actions/PreviousAssetAction.svelte
index ecd041773..f1e5a0a29 100644
--- a/web/src/lib/components/asset-viewer/actions/PreviousAssetAction.svelte
+++ b/web/src/lib/components/asset-viewer/actions/PreviousAssetAction.svelte
@@ -1,10 +1,10 @@
 <script lang="ts">
   import { shortcuts } from '#lib/actions/shortcut.ts';
+  import { languageManager } from '#lib/managers/language-manager.svelte.ts';
   import { Icon } from '@immich/ui';
   import { mdiChevronLeft, mdiChevronRight } from '@mdi/js';
   import { t } from 'svelte-i18n';
   import NavigationArea from '../NavigationArea.svelte';
-  import { languageManager } from '#lib/managers/language-manager.svelte.ts';
 
   interface Props {
     onPreviousAsset: () => void;
diff --git a/web/src/lib/components/asset-viewer/editor/EditorPanel.svelte b/web/src/lib/components/asset-viewer/editor/EditorPanel.svelte
index 04d0cd959..1e4411b42 100644
--- a/web/src/lib/components/asset-viewer/editor/EditorPanel.svelte
+++ b/web/src/lib/components/asset-viewer/editor/EditorPanel.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
   import { shortcuts } from '#lib/actions/shortcut.ts';
-  import { editManager, EditToolType } from '#lib/managers/edit/edit-manager.svelte.ts';
+  import { EditToolType, editManager } from '#lib/managers/edit/edit-manager.svelte.ts';
   import { websocketEvents } from '#lib/stores/websocket.ts';
   import { getAssetEdits, type AssetResponseDto } from '@immich/sdk';
   import { Button, HStack, IconButton } from '@immich/ui';
diff --git a/web/src/lib/components/assets/thumbnail/ImageThumbnail.svelte b/web/src/lib/components/assets/thumbnail/ImageThumbnail.svelte
index df6ce440b..82309795c 100644
--- a/web/src/lib/components/assets/thumbnail/ImageThumbnail.svelte
+++ b/web/src/lib/components/assets/thumbnail/ImageThumbnail.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
-  import BrokenAsset from '#lib/components/assets/BrokenAsset.svelte';
   import Image from '#lib/components/Image.svelte';
+  import BrokenAsset from '#lib/components/assets/BrokenAsset.svelte';
   import { Icon } from '@immich/ui';
   import { mdiEyeOffOutline } from '@mdi/js';
   import type { ClassValue } from 'svelte/elements';
diff --git a/web/src/lib/components/assets/thumbnail/Thumbnail.svelte b/web/src/lib/components/assets/thumbnail/Thumbnail.svelte
index bc2e965de..3c5740290 100644
--- a/web/src/lib/components/assets/thumbnail/Thumbnail.svelte
+++ b/web/src/lib/components/assets/thumbnail/Thumbnail.svelte
@@ -1,4 +1,5 @@
 <script lang="ts">
+  import Thumbhash from '#lib/components/Thumbhash.svelte';
   import { ProjectionType } from '#lib/constants.ts';
   import { authManager } from '#lib/managers/auth-manager.svelte.ts';
   import type { TimelineAsset } from '#lib/managers/timeline-manager/types.ts';
@@ -24,9 +25,9 @@
   import { onMount } from 'svelte';
   import type { ClassValue } from 'svelte/elements';
   import { fade } from 'svelte/transition';
-  import Thumbhash from '#lib/components/Thumbhash.svelte';
   import ImageThumbnail from './ImageThumbnail.svelte';
   import VideoThumbnail from './VideoThumbnail.svelte';
+
   interface Props {
     asset: TimelineAsset;
     groupIndex?: number;
diff --git a/web/src/lib/components/layouts/AuthPageLayout.svelte b/web/src/lib/components/layouts/AuthPageLayout.svelte
index bdc3c5d9e..23c3fb37b 100644
--- a/web/src/lib/components/layouts/AuthPageLayout.svelte
+++ b/web/src/lib/components/layouts/AuthPageLayout.svelte
@@ -1,6 +1,7 @@
 <script lang="ts">
-  import { Card, CardBody, CardHeader, Heading, immichLogo, Logo, VStack } from '@immich/ui';
+  import { Card, CardBody, CardHeader, Heading, Logo, VStack, immichLogo } from '@immich/ui';
   import type { Snippet } from 'svelte';
+
   interface Props {
     title?: string;
     children?: Snippet;
diff --git a/web/src/lib/components/maintenance/MaintenanceBackupEntry.svelte b/web/src/lib/components/maintenance/MaintenanceBackupEntry.svelte
index 6e7330223..e4ee0f81d 100644
--- a/web/src/lib/components/maintenance/MaintenanceBackupEntry.svelte
+++ b/web/src/lib/components/maintenance/MaintenanceBackupEntry.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
-  import MaintenanceBackupCard from '#lib/components/maintenance/MaintenanceBackupCard.svelte';
   import OnEvents from '#lib/components/OnEvents.svelte';
+  import MaintenanceBackupCard from '#lib/components/maintenance/MaintenanceBackupCard.svelte';
   import { getDatabaseBackupActions, handleRestoreDatabaseBackup } from '#lib/services/database-backups.service.ts';
   import { Button, ContextMenuButton } from '@immich/ui';
   import { t } from 'svelte-i18n';
diff --git a/web/src/lib/components/maintenance/MaintenanceBackupsList.svelte b/web/src/lib/components/maintenance/MaintenanceBackupsList.svelte
index f2dab0a97..85828f3bb 100644
--- a/web/src/lib/components/maintenance/MaintenanceBackupsList.svelte
+++ b/web/src/lib/components/maintenance/MaintenanceBackupsList.svelte
@@ -1,10 +1,9 @@
 <script lang="ts">
   import HeaderActionButton from '#lib/components/HeaderActionButton.svelte';
-  import MaintenanceBackupEntry from '#lib/components/maintenance/MaintenanceBackupEntry.svelte';
   import OnEvents from '#lib/components/OnEvents.svelte';
+  import MaintenanceBackupEntry from '#lib/components/maintenance/MaintenanceBackupEntry.svelte';
   import { getDatabaseBackupDateTime, handleUploadDatabaseBackup } from '#lib/services/database-backups.service.ts';
-  import type { DatabaseBackupDto } from '@immich/sdk';
-  import { listDatabaseBackups } from '@immich/sdk';
+  import { listDatabaseBackups, type DatabaseBackupDto } from '@immich/sdk';
   import { Card, CardBody, HStack, Icon, ProgressBar, Stack, Text } from '@immich/ui';
   import { mdiCalendar, mdiTrayArrowUp } from '@mdi/js';
   import { DateTime } from 'luxon';
diff --git a/web/src/lib/components/pages/SharedLinkErrorPage.svelte b/web/src/lib/components/pages/SharedLinkErrorPage.svelte
index 9fc8f3be9..cd072af51 100644
--- a/web/src/lib/components/pages/SharedLinkErrorPage.svelte
+++ b/web/src/lib/components/pages/SharedLinkErrorPage.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
-  import { page } from '$app/state';
   import { t } from 'svelte-i18n';
+  import { page } from '$app/state';
 </script>
 
 <svelte:head>
diff --git a/web/src/lib/components/pages/SharedLinkPage.svelte b/web/src/lib/components/pages/SharedLinkPage.svelte
index 13724a6be..d086d7fdd 100644
--- a/web/src/lib/components/pages/SharedLinkPage.svelte
+++ b/web/src/lib/components/pages/SharedLinkPage.svelte
@@ -8,7 +8,7 @@
   import { setSharedLink } from '#lib/utils.ts';
   import { handleError } from '#lib/utils/handle-error.ts';
   import { navigate } from '#lib/utils/navigation.ts';
-  import { sharedLinkLogin, SharedLinkType, type AssetResponseDto, type SharedLinkResponseDto } from '@immich/sdk';
+  import { SharedLinkType, sharedLinkLogin, type AssetResponseDto, type SharedLinkResponseDto } from '@immich/sdk';
   import { Button, Logo, PasswordInput } from '@immich/ui';
   import { onDestroy, tick } from 'svelte';
   import { t } from 'svelte-i18n';
diff --git a/web/src/lib/components/share-page/IndividualSharedViewer.svelte b/web/src/lib/components/share-page/IndividualSharedViewer.svelte
index dcbff1c31..e34f86228 100644
--- a/web/src/lib/components/share-page/IndividualSharedViewer.svelte
+++ b/web/src/lib/components/share-page/IndividualSharedViewer.svelte
@@ -1,9 +1,8 @@
 <script lang="ts">
-  import { goto } from '$app/navigation';
   import type { Action } from '#lib/components/asset-viewer/actions/action.ts';
+  import AssetSelectControlBar from '#lib/components/timeline/AssetSelectControlBar.svelte';
   import DownloadAction from '#lib/components/timeline/actions/DownloadAction.svelte';
   import RemoveFromSharedLink from '#lib/components/timeline/actions/RemoveFromSharedLinkAction.svelte';
-  import AssetSelectControlBar from '#lib/components/timeline/AssetSelectControlBar.svelte';
   import { AssetAction } from '#lib/constants.ts';
   import { assetMultiSelectManager } from '#lib/managers/asset-multi-select-manager.svelte.ts';
   import { authManager } from '#lib/managers/auth-manager.svelte.ts';
@@ -20,6 +19,7 @@
   import { IconButton, Logo, toastManager } from '@immich/ui';
   import { mdiDownload, mdiFileImagePlusOutline, mdiSelectAll } from '@mdi/js';
   import { t } from 'svelte-i18n';
+  import { goto } from '$app/navigation';
   import ControlAppBar from '../shared-components/ControlAppBar.svelte';
   import GalleryViewer from '../shared-components/gallery-viewer/GalleryViewer.svelte';
 
diff --git a/web/src/lib/components/shared-components/ThemeButton.svelte b/web/src/lib/components/shared-components/ThemeButton.svelte
index 6b3012cd5..63580b56b 100644
--- a/web/src/lib/components/shared-components/ThemeButton.svelte
+++ b/web/src/lib/components/shared-components/ThemeButton.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-  import { themeManager, ThemePreference, ThemeSwitcher } from '@immich/ui';
+  import { ThemePreference, ThemeSwitcher, themeManager } from '@immich/ui';
 </script>
 
 {#if themeManager.preference !== ThemePreference.System}
diff --git a/web/src/lib/components/shared-components/album-selection/album-selection-utils.spec.ts b/web/src/lib/components/shared-components/album-selection/album-selection-utils.spec.ts
index 443f9363a..386d7b0be 100644
--- a/web/src/lib/components/shared-components/album-selection/album-selection-utils.spec.ts
+++ b/web/src/lib/components/shared-components/album-selection/album-selection-utils.spec.ts
@@ -1,7 +1,7 @@
 import {
-  type AlbumModalRow,
   AlbumModalRowConverter,
   AlbumModalRowType,
+  type AlbumModalRow,
 } from '#lib/components/shared-components/album-selection/album-selection-utils.ts';
 import { AlbumSortBy, SortOrder } from '#lib/stores/preferences.store.ts';
 import { factory } from '#test/unit/factories.ts';
diff --git a/web/src/lib/components/shared-components/context-menu/MenuOption.svelte b/web/src/lib/components/shared-components/context-menu/MenuOption.svelte
index 769bb75a8..06c41f423 100644
--- a/web/src/lib/components/shared-components/context-menu/MenuOption.svelte
+++ b/web/src/lib/components/shared-components/context-menu/MenuOption.svelte
@@ -1,6 +1,9 @@
 <script lang="ts">
-  import type { Shortcut } from '#lib/actions/shortcut.ts';
-  import { shortcut as bindShortcut, shortcutLabel as computeShortcutLabel } from '#lib/actions/shortcut.ts';
+  import {
+    shortcut as bindShortcut,
+    shortcutLabel as computeShortcutLabel,
+    type Shortcut,
+  } from '#lib/actions/shortcut.ts';
   import { optionClickCallbackStore, selectedIdStore } from '#lib/stores/context-menu.store.ts';
   import { Icon, type IconLike } from '@immich/ui';
 
diff --git a/web/src/lib/components/shared-components/gallery-viewer/GalleryViewer.svelte b/web/src/lib/components/shared-components/gallery-viewer/GalleryViewer.svelte
index 0c1a1b7a8..d00e4aabe 100644
--- a/web/src/lib/components/shared-components/gallery-viewer/GalleryViewer.svelte
+++ b/web/src/lib/components/shared-components/gallery-viewer/GalleryViewer.svelte
@@ -1,8 +1,7 @@
 <script lang="ts">
-  import { goto } from '$app/navigation';
   import { shortcuts, type ShortcutOptions } from '#lib/actions/shortcut.ts';
-  import type { Action } from '#lib/components/asset-viewer/actions/action.ts';
   import type { AssetCursor } from '#lib/components/asset-viewer/AssetViewer.svelte';
+  import type { Action } from '#lib/components/asset-viewer/actions/action.ts';
   import Thumbnail from '#lib/components/assets/thumbnail/Thumbnail.svelte';
   import { AssetAction } from '#lib/constants.ts';
   import Portal from '#lib/elements/Portal.svelte';
@@ -28,6 +27,7 @@
   import { modalManager } from '@immich/ui';
   import { debounce } from 'lodash-es';
   import { t } from 'svelte-i18n';
+  import { goto } from '$app/navigation';
 
   const {
     TIMELINE: { INTERSECTION_EXPAND_TOP, INTERSECTION_EXPAND_BOTTOM },
diff --git a/web/src/lib/components/shared-components/navigation-bar/AccountInfoPanel.svelte b/web/src/lib/components/shared-components/navigation-bar/AccountInfoPanel.svelte
index b0ab86a17..9140389e0 100644
--- a/web/src/lib/components/shared-components/navigation-bar/AccountInfoPanel.svelte
+++ b/web/src/lib/components/shared-components/navigation-bar/AccountInfoPanel.svelte
@@ -5,12 +5,12 @@
   import HelpAndFeedbackModal from '#lib/modals/HelpAndFeedbackModal.svelte';
   import { getAboutInfoQuery } from '#lib/queries/server-info.query.ts';
   import { Route } from '#lib/route.ts';
-  import { page } from '$app/state';
   import { Button, Icon, IconButton, modalManager } from '@immich/ui';
   import { mdiCog, mdiLogout, mdiPencil, mdiWrench } from '@mdi/js';
   import { createQuery } from '@tanstack/svelte-query';
   import { t } from 'svelte-i18n';
   import { fade } from 'svelte/transition';
+  import { page } from '$app/state';
   import UserAvatar from '../UserAvatar.svelte';
 
   type Props = {
diff --git a/web/src/lib/components/shared-components/navigation-bar/NavigationBar.svelte b/web/src/lib/components/shared-components/navigation-bar/NavigationBar.svelte
index caa27c2d6..f61d1cb5e 100644
--- a/web/src/lib/components/shared-components/navigation-bar/NavigationBar.svelte
+++ b/web/src/lib/components/shared-components/navigation-bar/NavigationBar.svelte
@@ -3,21 +3,21 @@
 </script>
 
 <script lang="ts">
-  import { page } from '$app/state';
   import { clickOutside } from '#lib/actions/click-outside.ts';
   import NotificationPanel from '#lib/components/shared-components/navigation-bar/NotificationPanel.svelte';
   import SearchBar from '#lib/components/shared-components/search-bar/SearchBar.svelte';
   import SkipLink from '#lib/elements/SkipLink.svelte';
   import { authManager } from '#lib/managers/auth-manager.svelte.ts';
+  import { getNotificationsQuery } from '#lib/queries/notification.query.ts';
   import { Route } from '#lib/route.ts';
   import { getGlobalActions } from '#lib/services/app.service.ts';
   import { mediaQueryManager } from '#lib/stores/media-query-manager.svelte.ts';
   import { sidebarStore } from '#lib/stores/sidebar.svelte.ts';
-  import { getNotificationsQuery } from '#lib/queries/notification.query.ts';
   import { ActionButton, Button, IconButton, Logo } from '@immich/ui';
-  import { createQuery } from '@tanstack/svelte-query';
   import { mdiBellBadge, mdiBellOutline, mdiMagnify, mdiMenu, mdiTrayArrowUp } from '@mdi/js';
+  import { createQuery } from '@tanstack/svelte-query';
   import { t } from 'svelte-i18n';
+  import { page } from '$app/state';
   import ThemeButton from '../ThemeButton.svelte';
   import UserAvatar from '../UserAvatar.svelte';
   import AccountInfoPanel from './AccountInfoPanel.svelte';
diff --git a/web/src/lib/components/shared-components/navigation-bar/NotificationPanel.svelte b/web/src/lib/components/shared-components/navigation-bar/NotificationPanel.svelte
index 73ecb9ff8..3b6fbe85a 100644
--- a/web/src/lib/components/shared-components/navigation-bar/NotificationPanel.svelte
+++ b/web/src/lib/components/shared-components/navigation-bar/NotificationPanel.svelte
@@ -1,15 +1,14 @@
 <script lang="ts">
-  import { goto } from '$app/navigation';
   import { focusTrap } from '#lib/actions/focus-trap.ts';
   import NotificationItem from '#lib/components/shared-components/navigation-bar/NotificationItem.svelte';
   import { OpenQueryParam } from '#lib/constants.ts';
-  import { Route } from '#lib/route.ts';
   import { executeMutation } from '#lib/queries/client.ts';
   import {
     getNotificationsQuery,
     updateNotificationMutation,
     updateNotificationsMutation,
   } from '#lib/queries/notification.query.ts';
+  import { Route } from '#lib/route.ts';
   import { NotificationType, type NotificationDto } from '@immich/sdk';
   import { Button, Icon, Scrollable, Stack, Text } from '@immich/ui';
   import { mdiBellOutline, mdiCheckAll } from '@mdi/js';
@@ -17,6 +16,7 @@
   import { t } from 'svelte-i18n';
   import { flip } from 'svelte/animate';
   import { fade } from 'svelte/transition';
+  import { goto } from '$app/navigation';
 
   const query = createQuery(getNotificationsQuery);
   const notifications = $derived(query.data ?? []);
diff --git a/web/src/lib/components/shared-components/progress-bar/ProgressBar.svelte b/web/src/lib/components/shared-components/progress-bar/ProgressBar.svelte
index 3f1e166d9..d7142391b 100644
--- a/web/src/lib/components/shared-components/progress-bar/ProgressBar.svelte
+++ b/web/src/lib/components/shared-components/progress-bar/ProgressBar.svelte
@@ -1,7 +1,6 @@
 <script lang="ts">
   import { ProgressBarStatus } from '#lib/constants.ts';
   import { handlePromiseError } from '#lib/utils.ts';
-
   import { onMount } from 'svelte';
   import { tweened } from 'svelte/motion';
 
diff --git a/web/src/lib/components/shared-components/search-bar/SearchButton.svelte b/web/src/lib/components/shared-components/search-bar/SearchButton.svelte
index 820af91f4..9225f3d4a 100644
--- a/web/src/lib/components/shared-components/search-bar/SearchButton.svelte
+++ b/web/src/lib/components/shared-components/search-bar/SearchButton.svelte
@@ -1,8 +1,7 @@
 <script lang="ts">
-  import { Button } from '@immich/ui';
+  import { Button, type ButtonProps } from '@immich/ui';
   import { mdiCheck } from '@mdi/js';
   import type { Snippet } from 'svelte';
-  import type { ButtonProps } from '@immich/ui';
 
   type Props = {
     active: boolean;
diff --git a/web/src/lib/components/shared-components/search-bar/SearchDisplaySection.svelte b/web/src/lib/components/shared-components/search-bar/SearchDisplaySection.svelte
index 4e68f6a06..a3785dc44 100644
--- a/web/src/lib/components/shared-components/search-bar/SearchDisplaySection.svelte
+++ b/web/src/lib/components/shared-components/search-bar/SearchDisplaySection.svelte
@@ -1,8 +1,8 @@
 <script lang="ts">
-  import SearchButton from './SearchButton.svelte';
   import { searchManager } from '#lib/managers/search-manager.svelte.ts';
   import { Text } from '@immich/ui';
   import { t } from 'svelte-i18n';
+  import SearchButton from './SearchButton.svelte';
 
   let filters = $derived(searchManager.filter.display);
 </script>
diff --git a/web/src/lib/components/shared-components/search-bar/SearchLocationSection.svelte b/web/src/lib/components/shared-components/search-bar/SearchLocationSection.svelte
index 6df1c1d36..6d7ec5f17 100644
--- a/web/src/lib/components/shared-components/search-bar/SearchLocationSection.svelte
+++ b/web/src/lib/components/shared-components/search-bar/SearchLocationSection.svelte
@@ -2,7 +2,7 @@
   import Combobox, { asComboboxOptions, asSelectedOption } from '#lib/components/shared-components/Combobox.svelte';
   import { searchManager } from '#lib/managers/search-manager.svelte.ts';
   import { handlePromiseError } from '#lib/utils.ts';
-  import { getSearchSuggestions, SearchSuggestionType } from '@immich/sdk';
+  import { SearchSuggestionType, getSearchSuggestions } from '@immich/sdk';
   import { Text } from '@immich/ui';
   import { onMount } from 'svelte';
   import { t } from 'svelte-i18n';
diff --git a/web/src/lib/components/shared-components/search-bar/SearchMediaSection.svelte b/web/src/lib/components/shared-components/search-bar/SearchMediaSection.svelte
index af4f0bdfc..fc08bee65 100644
--- a/web/src/lib/components/shared-components/search-bar/SearchMediaSection.svelte
+++ b/web/src/lib/components/shared-components/search-bar/SearchMediaSection.svelte
@@ -1,8 +1,8 @@
 <script lang="ts">
   import { MediaType } from '#lib/constants.ts';
+  import { searchManager } from '#lib/managers/search-manager.svelte.ts';
   import { Text } from '@immich/ui';
   import { t } from 'svelte-i18n';
-  import { searchManager } from '#lib/managers/search-manager.svelte.ts';
   import SearchButton from './SearchButton.svelte';
 
   let filteredMedia = $derived(searchManager.filter.mediaType);
diff --git a/web/src/lib/components/shared-components/settings/SettingsLanguageSelector.svelte b/web/src/lib/components/shared-components/settings/SettingsLanguageSelector.svelte
index 84ee9c537..7af9cf4dd 100644
--- a/web/src/lib/components/shared-components/settings/SettingsLanguageSelector.svelte
+++ b/web/src/lib/components/shared-components/settings/SettingsLanguageSelector.svelte
@@ -3,9 +3,9 @@
   import { defaultLang } from '#lib/constants.ts';
   import { lang } from '#lib/stores/preferences.store.ts';
   import { convertBCP47, getClosestAvailableLocale, langCodes, langs } from '#lib/utils/i18n.ts';
-  import { refreshAll } from '$app/navigation';
   import { Label, Text } from '@immich/ui';
   import { locale as i18nLocale, t } from 'svelte-i18n';
+  import { refreshAll } from '$app/navigation';
 
   interface Props {
     showSettingDescription?: boolean;
diff --git a/web/src/lib/components/shared-components/side-bar/BottomInfo.svelte b/web/src/lib/components/shared-components/side-bar/BottomInfo.svelte
index 00c7acea2..af5c45665 100644
--- a/web/src/lib/components/shared-components/side-bar/BottomInfo.svelte
+++ b/web/src/lib/components/shared-components/side-bar/BottomInfo.svelte
@@ -1,12 +1,12 @@
 <script lang="ts">
-  import { ImmichBackupsSidebarItem } from '@futo-org/backups-orchestrator-ui';
   import { authManager } from '#lib/managers/auth-manager.svelte.ts';
   import { featureFlagsManager } from '#lib/managers/feature-flags-manager.svelte.ts';
+  import { Route } from '#lib/route.ts';
+  import { hideBackupsReminder } from '#lib/stores/preferences.store.ts';
+  import { ImmichBackupsSidebarItem } from '@futo-org/backups-orchestrator-ui';
   import PurchaseInfo from './PurchaseInfo.svelte';
   import ServerStatus from './ServerStatus.svelte';
   import StorageSpace from './StorageSpace.svelte';
-  import { Route } from '#lib/route.ts';
-  import { hideBackupsReminder } from '#lib/stores/preferences.store.ts';
 </script>
 
 <div class="ms-4 mt-auto overflow-hidden rounded-lg">
diff --git a/web/src/lib/components/shared-components/side-bar/PurchaseInfo.svelte b/web/src/lib/components/shared-components/side-bar/PurchaseInfo.svelte
index e3f2c5e28..0aadb12cf 100644
--- a/web/src/lib/components/shared-components/side-bar/PurchaseInfo.svelte
+++ b/web/src/lib/components/shared-components/side-bar/PurchaseInfo.svelte
@@ -1,5 +1,4 @@
 <script lang="ts">
-  import { goto } from '$app/navigation';
   import { OpenQueryParam } from '#lib/constants.ts';
   import Portal from '#lib/elements/Portal.svelte';
   import { authManager } from '#lib/managers/auth-manager.svelte.ts';
@@ -9,11 +8,12 @@
   import { handleError } from '#lib/utils/handle-error.ts';
   import { getButtonVisibility } from '#lib/utils/purchase-utils.ts';
   import { updateMyPreferences } from '@immich/sdk';
-  import { Button, Icon, IconButton, Logo, modalManager, SupporterBadge } from '@immich/ui';
+  import { Button, Icon, IconButton, Logo, SupporterBadge, modalManager } from '@immich/ui';
   import { mdiClose, mdiInformationOutline } from '@mdi/js';
   import { t } from 'svelte-i18n';
   import { SvelteDate } from 'svelte/reactivity';
   import { fade } from 'svelte/transition';
+  import { goto } from '$app/navigation';
 
   let showMessage = $state(false);
   let hoverMessage = $state(false);
diff --git a/web/src/lib/components/shared-components/side-bar/ServerStatus.svelte b/web/src/lib/components/shared-components/side-bar/ServerStatus.svelte
index fe781b843..1db827121 100644
--- a/web/src/lib/components/shared-components/side-bar/ServerStatus.svelte
+++ b/web/src/lib/components/shared-components/side-bar/ServerStatus.svelte
@@ -6,9 +6,9 @@
   import { websocketStore } from '#lib/stores/websocket.ts';
   import { semverToName } from '#lib/utils.ts';
   import { type ReleaseEventV1 } from '@immich/sdk';
-  import { Icon, modalManager, Text } from '@immich/ui';
-  import { createQuery } from '@tanstack/svelte-query';
+  import { Icon, Text, modalManager } from '@immich/ui';
   import { mdiAlert, mdiNewBox } from '@mdi/js';
+  import { createQuery } from '@tanstack/svelte-query';
   import { t } from 'svelte-i18n';
 
   const { serverVersion, connected } = websocketStore;
diff --git a/web/src/lib/components/shared-components/side-bar/StorageSpace.svelte b/web/src/lib/components/shared-components/side-bar/StorageSpace.svelte
index fdff7f8a6..f9d468eef 100644
--- a/web/src/lib/components/shared-components/side-bar/StorageSpace.svelte
+++ b/web/src/lib/components/shared-components/side-bar/StorageSpace.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
   import { authManager } from '#lib/managers/auth-manager.svelte.ts';
-  import { locale } from '#lib/stores/preferences.store.ts';
   import { getStorageQuery } from '#lib/queries/server-info.query.ts';
+  import { locale } from '#lib/stores/preferences.store.ts';
   import { getByteUnitString } from '#lib/utils/byte-units.ts';
   import { LoadingSpinner, Meter } from '@immich/ui';
   import { createQuery } from '@tanstack/svelte-query';
diff --git a/web/src/lib/components/shared-components/side-bar/UserSidebar.svelte b/web/src/lib/components/shared-components/side-bar/UserSidebar.svelte
index c8d66aa01..d5506c5cf 100644
--- a/web/src/lib/components/shared-components/side-bar/UserSidebar.svelte
+++ b/web/src/lib/components/shared-components/side-bar/UserSidebar.svelte
@@ -5,6 +5,8 @@
   import RecentAlbums from '#lib/components/shared-components/side-bar/RecentAlbums.svelte';
   import Sidebar from '#lib/components/sidebar/Sidebar.svelte';
   import { authManager } from '#lib/managers/auth-manager.svelte.ts';
+  import { createPreloadedQuery } from '#lib/queries/client.ts';
+  import { getUserConfigQuery } from '#lib/queries/config-user.query.ts';
   import { Route } from '#lib/route.ts';
   import { recentAlbumsDropdown } from '#lib/stores/preferences.store.ts';
   import { NavbarGroup, NavbarItem } from '@immich/ui';
@@ -38,8 +40,6 @@
   } from '@mdi/js';
   import { t } from 'svelte-i18n';
   import { fly } from 'svelte/transition';
-  import { createPreloadedQuery } from '#lib/queries/client.ts';
-  import { getUserConfigQuery } from '#lib/queries/config-user.query.ts';
 
   const query = createPreloadedQuery(getUserConfigQuery);
   const config = $derived(query.data);
diff --git a/web/src/lib/components/timeline/AssetLayout.svelte b/web/src/lib/components/timeline/AssetLayout.svelte
index 6ce0a5aac..e282d4e26 100644
--- a/web/src/lib/components/timeline/AssetLayout.svelte
+++ b/web/src/lib/components/timeline/AssetLayout.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
+  import type { VirtualScrollManager } from '#lib/managers/VirtualScrollManager/VirtualScrollManager.svelte.ts';
   import type { TimelineAsset } from '#lib/managers/timeline-manager/types.ts';
   import type { ViewerAsset } from '#lib/managers/timeline-manager/viewer-asset.svelte.ts';
-  import type { VirtualScrollManager } from '#lib/managers/VirtualScrollManager/VirtualScrollManager.svelte.ts';
   import { uploadAssetsStore } from '#lib/stores/upload.ts';
   import type { CommonPosition } from '#lib/utils/layout-utils.ts';
   import type { Snippet } from 'svelte';
diff --git a/web/src/lib/components/timeline/Month.svelte b/web/src/lib/components/timeline/Month.svelte
index a3cc7900f..64da937fe 100644
--- a/web/src/lib/components/timeline/Month.svelte
+++ b/web/src/lib/components/timeline/Month.svelte
@@ -1,11 +1,11 @@
 <script lang="ts">
   import AssetLayout from '#lib/components/timeline/AssetLayout.svelte';
+  import type { VirtualScrollManager } from '#lib/managers/VirtualScrollManager/VirtualScrollManager.svelte.ts';
   import type { AssetMultiSelectManager } from '#lib/managers/asset-multi-select-manager.svelte.ts';
   import { TimelineDay } from '#lib/managers/timeline-manager/timeline-day.svelte.ts';
   import type { TimelineMonth } from '#lib/managers/timeline-manager/timeline-month.svelte.ts';
   import type { TimelineAsset } from '#lib/managers/timeline-manager/types.ts';
   import { assetsSnapshot, filterIsInOrNearViewport } from '#lib/managers/timeline-manager/utils.svelte.ts';
-  import type { VirtualScrollManager } from '#lib/managers/VirtualScrollManager/VirtualScrollManager.svelte.ts';
   import { uploadAssetsStore } from '#lib/stores/upload.ts';
   import type { CommonPosition } from '#lib/utils/layout-utils.ts';
   import { fromTimelinePlainDate, getDateLocaleString } from '#lib/utils/timeline-util.ts';
diff --git a/web/src/lib/components/timeline/Timeline.svelte b/web/src/lib/components/timeline/Timeline.svelte
index e9b6f9fde..c089faac4 100644
--- a/web/src/lib/components/timeline/Timeline.svelte
+++ b/web/src/lib/components/timeline/Timeline.svelte
@@ -1,6 +1,4 @@
 <script lang="ts">
-  import { afterNavigate, beforeNavigate } from '$app/navigation';
-  import { page } from '$app/state';
   import Thumbnail from '#lib/components/assets/thumbnail/Thumbnail.svelte';
   import Month from '#lib/components/timeline/Month.svelte';
   import Scrubber from '#lib/components/timeline/Scrubber.svelte';
@@ -13,10 +11,10 @@
   import Skeleton from '#lib/elements/Skeleton.svelte';
   import type { AssetMultiSelectManager } from '#lib/managers/asset-multi-select-manager.svelte.ts';
   import { assetViewerManager } from '#lib/managers/asset-viewer-manager.svelte.ts';
-  import type { TimelineDay } from '#lib/managers/timeline-manager/timeline-day.svelte.ts';
   import { isIntersecting } from '#lib/managers/timeline-manager/internal/intersection-support.svelte.ts';
-  import type { TimelineMonth } from '#lib/managers/timeline-manager/timeline-month.svelte.ts';
+  import type { TimelineDay } from '#lib/managers/timeline-manager/timeline-day.svelte.ts';
   import { TimelineManager } from '#lib/managers/timeline-manager/timeline-manager.svelte.ts';
+  import type { TimelineMonth } from '#lib/managers/timeline-manager/timeline-month.svelte.ts';
   import type {
     TimelineAsset,
     TimelineManagerOptions,
@@ -31,6 +29,8 @@
   import { DateTime } from 'luxon';
   import { onDestroy, onMount, tick, type Snippet } from 'svelte';
   import type { UpdatePayload } from 'vite';
+  import { afterNavigate, beforeNavigate } from '$app/navigation';
+  import { page } from '$app/state';
 
   interface Props {
     isSelectionMode?: boolean;
diff --git a/web/src/lib/components/timeline/TimelineAssetViewer.svelte b/web/src/lib/components/timeline/TimelineAssetViewer.svelte
index 8caa41381..73aa402ac 100644
--- a/web/src/lib/components/timeline/TimelineAssetViewer.svelte
+++ b/web/src/lib/components/timeline/TimelineAssetViewer.svelte
@@ -1,10 +1,10 @@
 <script lang="ts">
-  import type { Action } from '#lib/components/asset-viewer/actions/action.ts';
-  import type { AssetCursor } from '#lib/components/asset-viewer/AssetViewer.svelte';
   import OnEvents from '#lib/components/OnEvents.svelte';
+  import type { AssetCursor } from '#lib/components/asset-viewer/AssetViewer.svelte';
+  import type { Action } from '#lib/components/asset-viewer/actions/action.ts';
   import { AssetAction } from '#lib/constants.ts';
-  import { assetViewerManager } from '#lib/managers/asset-viewer-manager.svelte.ts';
   import { assetCacheManager } from '#lib/managers/AssetCacheManager.svelte.ts';
+  import { assetViewerManager } from '#lib/managers/asset-viewer-manager.svelte.ts';
   import { authManager } from '#lib/managers/auth-manager.svelte.ts';
   import { TimelineManager } from '#lib/managers/timeline-manager/timeline-manager.svelte.ts';
   import type { TimelineAsset } from '#lib/managers/timeline-manager/types.ts';
@@ -14,7 +14,7 @@
   import { handleErrorAsync } from '#lib/utils/handle-error.ts';
   import { navigate } from '#lib/utils/navigation.ts';
   import { toTimelineAsset } from '#lib/utils/timeline-util.ts';
-  import { type AlbumResponseDto, type AssetResponseDto, type PersonResponseDto, getAssetInfo } from '@immich/sdk';
+  import { getAssetInfo, type AlbumResponseDto, type AssetResponseDto, type PersonResponseDto } from '@immich/sdk';
   import { onDestroy, onMount } from 'svelte';
   import { t } from 'svelte-i18n';
 
diff --git a/web/src/lib/components/timeline/actions/DeleteAssetsAction.svelte b/web/src/lib/components/timeline/actions/DeleteAssetsAction.svelte
index 216c28a6f..2640651b7 100644
--- a/web/src/lib/components/timeline/actions/DeleteAssetsAction.svelte
+++ b/web/src/lib/components/timeline/actions/DeleteAssetsAction.svelte
@@ -4,7 +4,7 @@
   import { featureFlagsManager } from '#lib/managers/feature-flags-manager.svelte.ts';
   import AssetDeleteConfirmModal from '#lib/modals/AssetDeleteConfirmModal.svelte';
   import { showDeleteModal } from '#lib/stores/preferences.store.ts';
-  import { type OnDelete, type OnUndoDelete, deleteAssets } from '#lib/utils/actions.ts';
+  import { deleteAssets, type OnDelete, type OnUndoDelete } from '#lib/utils/actions.ts';
   import { IconButton, modalManager } from '@immich/ui';
   import { mdiDeleteForeverOutline, mdiDeleteOutline, mdiTimerSand } from '@mdi/js';
   import { t } from 'svelte-i18n';
diff --git a/web/src/lib/components/timeline/actions/DownloadAction.svelte b/web/src/lib/components/timeline/actions/DownloadAction.svelte
index e757e783f..4d49f994a 100644
--- a/web/src/lib/components/timeline/actions/DownloadAction.svelte
+++ b/web/src/lib/components/timeline/actions/DownloadAction.svelte
@@ -1,6 +1,5 @@
 <script lang="ts">
   import { shortcut } from '#lib/actions/shortcut.ts';
-
   import MenuOption from '#lib/components/shared-components/context-menu/MenuOption.svelte';
   import { assetMultiSelectManager } from '#lib/managers/asset-multi-select-manager.svelte.ts';
   import { authManager } from '#lib/managers/auth-manager.svelte.ts';
diff --git a/web/src/lib/components/timeline/actions/TimelineKeyboardActions.svelte b/web/src/lib/components/timeline/actions/TimelineKeyboardActions.svelte
index 0da9efa22..710b1e4d1 100644
--- a/web/src/lib/components/timeline/actions/TimelineKeyboardActions.svelte
+++ b/web/src/lib/components/timeline/actions/TimelineKeyboardActions.svelte
@@ -21,8 +21,8 @@
   import { handlePromiseError } from '#lib/utils.ts';
   import { deleteAssets } from '#lib/utils/actions.ts';
   import { selectAllAssets } from '#lib/utils/asset-utils.ts';
-  import { goto } from '$app/navigation';
   import { isModalOpen, modalManager } from '@immich/ui';
+  import { goto } from '$app/navigation';
 
   type Props = {
     timelineManager: TimelineManager;
diff --git a/web/src/lib/elements/DurationInput.svelte b/web/src/lib/elements/DurationInput.svelte
index 85316c51d..10f839526 100644
--- a/web/src/lib/elements/DurationInput.svelte
+++ b/web/src/lib/elements/DurationInput.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
-  import { t } from 'svelte-i18n';
   import { Duration } from 'luxon';
+  import { t } from 'svelte-i18n';
 
   interface Props {
     value: number;
diff --git a/web/src/lib/managers/activity-manager.svelte.ts b/web/src/lib/managers/activity-manager.svelte.ts
index 0c2d7eaf0..90580a6e1 100644
--- a/web/src/lib/managers/activity-manager.svelte.ts
+++ b/web/src/lib/managers/activity-manager.svelte.ts
@@ -2,12 +2,12 @@ import { authManager } from '#lib/managers/auth-manager.svelte.ts';
 import { handlePromiseError } from '#lib/utils.ts';
 import { handleError } from '#lib/utils/handle-error.ts';
 import {
+  ReactionLevel,
+  ReactionType,
   createActivity,
   deleteActivity,
   getActivities,
   getActivityStatistics,
-  ReactionLevel,
-  ReactionType,
   type ActivityCreateDto,
   type ActivityResponseDto,
 } from '@immich/sdk';
diff --git a/web/src/lib/managers/event-manager.svelte.ts b/web/src/lib/managers/event-manager.svelte.ts
index a56ab3042..508bfa913 100644
--- a/web/src/lib/managers/event-manager.svelte.ts
+++ b/web/src/lib/managers/event-manager.svelte.ts
@@ -2,6 +2,7 @@ import type { TimelineAsset } from '#lib/managers/timeline-manager/types.ts';
 import { BaseEventManager } from '#lib/utils/base-event-manager.svelte.ts';
 import type { TreeNode } from '#lib/utils/tree-utils.ts';
 import type {
+  AdminConfigDto,
   AlbumResponseDto,
   AlbumUserRole,
   ApiKeyResponseDto,
@@ -14,7 +15,6 @@ import type {
   QueueResponseDto,
   ReleaseEventV1,
   StackResponseDto,
-  AdminConfigDto,
   TagResponseDto,
   UserAdminResponseDto,
 } from '@immich/sdk';
diff --git a/web/src/lib/managers/memory-manager.svelte.ts b/web/src/lib/managers/memory-manager.svelte.ts
index 573052923..496eb1138 100644
--- a/web/src/lib/managers/memory-manager.svelte.ts
+++ b/web/src/lib/managers/memory-manager.svelte.ts
@@ -7,15 +7,15 @@ import { Route } from '#lib/route.ts';
 import { memoryLaneTitle } from '#lib/utils.ts';
 import { toTimelineAsset } from '#lib/utils/timeline-util.ts';
 import {
-  type AssetResponseDto,
   MemorySearchOrder,
   MemoryType,
   deleteMemory,
-  type MemoryResponseDto,
+  memoriesStatistics,
   removeMemoryAssets,
   searchMemories,
   updateMemory,
-  memoriesStatistics,
+  type AssetResponseDto,
+  type MemoryResponseDto,
 } from '@immich/sdk';
 import { toastManager } from '@immich/ui';
 import { isEqual, omitBy } from 'lodash-es';
diff --git a/web/src/lib/managers/timeline-manager/timeline-day.svelte.ts b/web/src/lib/managers/timeline-manager/timeline-day.svelte.ts
index 4c629eb9c..3646b4004 100644
--- a/web/src/lib/managers/timeline-manager/timeline-day.svelte.ts
+++ b/web/src/lib/managers/timeline-manager/timeline-day.svelte.ts
@@ -1,5 +1,8 @@
-import type { CommonLayoutOptions, CommonPosition } from '#lib/utils/layout-utils.ts';
-import { getJustifiedLayoutFromAssets } from '#lib/utils/layout-utils.ts';
+import {
+  getJustifiedLayoutFromAssets,
+  type CommonLayoutOptions,
+  type CommonPosition,
+} from '#lib/utils/layout-utils.ts';
 import { getOrderingDate, plainDateTimeCompare } from '#lib/utils/timeline-util.ts';
 import { TUNABLES } from '#lib/utils/tunables.ts';
 import { AssetOrder, AssetOrderBy } from '@immich/sdk';
diff --git a/web/src/lib/managers/timeline-manager/timeline-month.svelte.ts b/web/src/lib/managers/timeline-manager/timeline-month.svelte.ts
index 30dff7462..d16101082 100644
--- a/web/src/lib/managers/timeline-manager/timeline-month.svelte.ts
+++ b/web/src/lib/managers/timeline-manager/timeline-month.svelte.ts
@@ -8,15 +8,15 @@ import { handleError } from '#lib/utils/handle-error.ts';
 import {
   formatGroupTitle,
   formatTimelineMonthTitle,
+  fromISODateTimeUTC,
   fromTimelinePlainDate,
   fromTimelinePlainDateTime,
   fromTimelinePlainYearMonth,
+  getOrderingDate,
   getTimes,
   setDifference,
   type TimelineDateTime,
   type TimelineYearMonth,
-  getOrderingDate,
-  fromISODateTimeUTC,
 } from '#lib/utils/timeline-util.ts';
 import { AssetOrder, AssetOrderBy, type TimeBucketAssetResponseDto } from '@immich/sdk';
 import { t } from 'svelte-i18n';
diff --git a/web/src/lib/modals/AlbumOptionsModal.svelte b/web/src/lib/modals/AlbumOptionsModal.svelte
index 8ff4e2ba6..96c2e635c 100644
--- a/web/src/lib/modals/AlbumOptionsModal.svelte
+++ b/web/src/lib/modals/AlbumOptionsModal.svelte
@@ -1,15 +1,15 @@
 <script lang="ts">
-  import AlbumSharedLink from '#lib/components/album-page/AlbumSharedLink.svelte';
   import HeaderActionButton from '#lib/components/HeaderActionButton.svelte';
+  import AlbumSharedLink from '#lib/components/album-page/AlbumSharedLink.svelte';
   import UserAvatar from '#lib/components/shared-components/UserAvatar.svelte';
+  import { getAlbumQuery, updateAlbumInfoMutation } from '#lib/queries/album.query.ts';
+  import { executeMutation, queryClient } from '#lib/queries/client.ts';
+  import { getAllSharedLinksQuery } from '#lib/queries/shared-link.query.ts';
   import {
     getAlbumActions,
     handleRemoveUserFromAlbum,
     handleUpdateUserAlbumRole,
   } from '#lib/services/album.service.ts';
-  import { getAlbumQuery, updateAlbumInfoMutation } from '#lib/queries/album.query.ts';
-  import { executeMutation, queryClient } from '#lib/queries/client.ts';
-  import { getAllSharedLinksQuery } from '#lib/queries/shared-link.query.ts';
   import {
     AlbumUserRole,
     AssetOrder,
diff --git a/web/src/lib/modals/AppDownloadModal.svelte b/web/src/lib/modals/AppDownloadModal.svelte
index fb629470f..c157d5a85 100644
--- a/web/src/lib/modals/AppDownloadModal.svelte
+++ b/web/src/lib/modals/AppDownloadModal.svelte
@@ -1,7 +1,8 @@
 <script lang="ts">
-  import { appStoreBadge, BasicModal, Button, Constants, playStoreBadge } from '@immich/ui';
+  import { BasicModal, Button, Constants, appStoreBadge, playStoreBadge } from '@immich/ui';
   import { mdiOpenInNew } from '@mdi/js';
   import { t } from 'svelte-i18n';
+
   type Props = {
     onClose: () => void;
   };
diff --git a/web/src/lib/modals/AvatarEditModal.svelte b/web/src/lib/modals/AvatarEditModal.svelte
index b12c69fd5..5393e9019 100644
--- a/web/src/lib/modals/AvatarEditModal.svelte
+++ b/web/src/lib/modals/AvatarEditModal.svelte
@@ -2,7 +2,7 @@
   import UserAvatar from '#lib/components/shared-components/UserAvatar.svelte';
   import { authManager } from '#lib/managers/auth-manager.svelte.ts';
   import { handleError } from '#lib/utils/handle-error.ts';
-  import { deleteProfileImage, updateMyUser, UserAvatarColor } from '@immich/sdk';
+  import { UserAvatarColor, deleteProfileImage, updateMyUser } from '@immich/sdk';
   import { Modal, ModalBody, toastManager } from '@immich/ui';
   import { t } from 'svelte-i18n';
 
diff --git a/web/src/lib/modals/HelpAndFeedbackModal.svelte b/web/src/lib/modals/HelpAndFeedbackModal.svelte
index 828fa8f7f..82b5cd474 100644
--- a/web/src/lib/modals/HelpAndFeedbackModal.svelte
+++ b/web/src/lib/modals/HelpAndFeedbackModal.svelte
@@ -4,7 +4,7 @@
   import { type ServerAboutResponseDto } from '@immich/sdk';
   import { Heading, Icon, Link, Modal, ModalBody, Stack, Text } from '@immich/ui';
   import { mdiBugOutline, mdiFaceAgent, mdiGit, mdiGithub, mdiInformationOutline } from '@mdi/js';
-  import { type SimpleIcon, siDiscord } from 'simple-icons';
+  import { siDiscord, type SimpleIcon } from 'simple-icons';
   import { t } from 'svelte-i18n';
 
   type Props = {
diff --git a/web/src/lib/modals/ObtainiumConfigModal.svelte b/web/src/lib/modals/ObtainiumConfigModal.svelte
index 11649be9b..55e2772ec 100644
--- a/web/src/lib/modals/ObtainiumConfigModal.svelte
+++ b/web/src/lib/modals/ObtainiumConfigModal.svelte
@@ -2,8 +2,9 @@
   import { createApiKeyMutation } from '#lib/queries/api-key.query.ts';
   import { executeMutation } from '#lib/queries/client.ts';
   import { Permission } from '@immich/sdk';
-  import { Button, Field, Input, Modal, ModalBody, obtainiumBadge, Select, Text } from '@immich/ui';
+  import { Button, Field, Input, Modal, ModalBody, Select, Text, obtainiumBadge } from '@immich/ui';
   import { t } from 'svelte-i18n';
+
   let inputUrl = $state(location.origin);
   let inputApiKey = $state('');
   let archVariant = $state('');
diff --git a/web/src/lib/modals/PartnerSelectionModal.svelte b/web/src/lib/modals/PartnerSelectionModal.svelte
index 2ca1948ea..0fe44a44a 100644
--- a/web/src/lib/modals/PartnerSelectionModal.svelte
+++ b/web/src/lib/modals/PartnerSelectionModal.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
   import UserAvatar from '#lib/components/shared-components/UserAvatar.svelte';
   import { authManager } from '#lib/managers/auth-manager.svelte.ts';
-  import { getPartners, PartnerDirection, searchUsers, type UserResponseDto } from '@immich/sdk';
+  import { PartnerDirection, getPartners, searchUsers, type UserResponseDto } from '@immich/sdk';
   import { Button, ListButton, LoadingSpinner, Modal, ModalBody, ModalFooter, Text } from '@immich/ui';
   import { t } from 'svelte-i18n';
 
diff --git a/web/src/lib/modals/PeopleFilterModal.svelte b/web/src/lib/modals/PeopleFilterModal.svelte
index 04e64cacd..a782488f5 100644
--- a/web/src/lib/modals/PeopleFilterModal.svelte
+++ b/web/src/lib/modals/PeopleFilterModal.svelte
@@ -4,7 +4,7 @@
   import type { PeopleFilter } from '#lib/types.ts';
   import { handleError } from '#lib/utils/handle-error.ts';
   import { getClusterGroupUsers, type UserResponseDto } from '@immich/sdk';
-  import { Button, Checkbox, FormModal, Label, modalManager, Stack, Text } from '@immich/ui';
+  import { Button, Checkbox, FormModal, Label, Stack, Text, modalManager } from '@immich/ui';
   import { mdiClose, mdiTune } from '@mdi/js';
   import { onMount, untrack } from 'svelte';
   import { t } from 'svelte-i18n';
diff --git a/web/src/lib/modals/PersonBulkShareModal.svelte b/web/src/lib/modals/PersonBulkShareModal.svelte
index 3b62f4d70..91e374bdc 100644
--- a/web/src/lib/modals/PersonBulkShareModal.svelte
+++ b/web/src/lib/modals/PersonBulkShareModal.svelte
@@ -12,10 +12,10 @@
     Field,
     FormModal,
     LoadingSpinner,
-    modalManager,
     Select,
     Switch,
     Text,
+    modalManager,
     type ActionItem,
   } from '@immich/ui';
   import { mdiAccountMultipleOutline, mdiPencilOutline } from '@mdi/js';
diff --git a/web/src/lib/modals/PersonEditAccessModal.svelte b/web/src/lib/modals/PersonEditAccessModal.svelte
index c1ddcde6e..7e061bf08 100644
--- a/web/src/lib/modals/PersonEditAccessModal.svelte
+++ b/web/src/lib/modals/PersonEditAccessModal.svelte
@@ -6,9 +6,9 @@
   import { getPersonUserActions, getPersonUsersActions } from '#lib/services/person-user.service.ts';
   import { handleError } from '#lib/utils/handle-error.ts';
   import {
+    SharingDirection,
     getClusterGroupUsers,
     getUsersForPeople,
-    SharingDirection,
     type PersonResponseDto,
     type UserResponseDto,
   } from '@immich/sdk';
diff --git a/web/src/lib/modals/PersonEditModal.svelte b/web/src/lib/modals/PersonEditModal.svelte
index 00e5c0660..c820f394a 100644
--- a/web/src/lib/modals/PersonEditModal.svelte
+++ b/web/src/lib/modals/PersonEditModal.svelte
@@ -2,7 +2,7 @@
   import { authManager } from '#lib/managers/auth-manager.svelte.ts';
   import { handleUpdatePerson } from '#lib/services/person.service.ts';
   import { PersonUpdateStrategy, type PersonResponseDto } from '@immich/sdk';
-  import { Checkbox, DatePicker, Field, FormModal, HelperText, HStack, Input, Label, Stack } from '@immich/ui';
+  import { Checkbox, DatePicker, Field, FormModal, HStack, HelperText, Input, Label, Stack } from '@immich/ui';
   import { mdiPencilOutline } from '@mdi/js';
   import { DateTime } from 'luxon';
   import { t } from 'svelte-i18n';
diff --git a/web/src/lib/modals/PinCodeResetModal.svelte b/web/src/lib/modals/PinCodeResetModal.svelte
index 025ad68ee..3778b9720 100644
--- a/web/src/lib/modals/PinCodeResetModal.svelte
+++ b/web/src/lib/modals/PinCodeResetModal.svelte
@@ -1,10 +1,10 @@
 <script lang="ts">
+  import { createPreloadedQuery } from '#lib/queries/client.ts';
+  import { getUserConfigQuery } from '#lib/queries/config-user.query.ts';
   import { handleResetPinCode } from '#lib/services/user.service.ts';
   import { BasicModal, Field, FormModal, HelperText, PasswordInput, Stack, type ModalSize } from '@immich/ui';
   import { mdiLockReset } from '@mdi/js';
   import { t } from 'svelte-i18n';
-  import { createPreloadedQuery } from '#lib/queries/client.ts';
-  import { getUserConfigQuery } from '#lib/queries/config-user.query.ts';
 
   const query = createPreloadedQuery(getUserConfigQuery);
   const config = $derived(query.data);
diff --git a/web/src/lib/modals/PluginMethodPicker.svelte b/web/src/lib/modals/PluginMethodPicker.svelte
index 2cedfed3e..923299386 100644
--- a/web/src/lib/modals/PluginMethodPicker.svelte
+++ b/web/src/lib/modals/PluginMethodPicker.svelte
@@ -1,10 +1,10 @@
 <script lang="ts">
+  import { queryClient } from '#lib/queries/client.ts';
+  import { searchPluginMethodsQuery } from '#lib/queries/plugin.query.ts';
   import { WorkflowTrigger, type PluginMethodResponseDto } from '@immich/sdk';
   import { Badge, BasicModal, ListButton, LoadingSpinner, Stack, Text } from '@immich/ui';
   import { createQuery } from '@tanstack/svelte-query';
   import { t } from 'svelte-i18n';
-  import { queryClient } from '#lib/queries/client.ts';
-  import { searchPluginMethodsQuery } from '#lib/queries/plugin.query.ts';
 
   type Props = {
     trigger: WorkflowTrigger;
diff --git a/web/src/lib/modals/PurchaseModal.svelte b/web/src/lib/modals/PurchaseModal.svelte
index cabcf17b0..dcbfa5773 100644
--- a/web/src/lib/modals/PurchaseModal.svelte
+++ b/web/src/lib/modals/PurchaseModal.svelte
@@ -1,7 +1,6 @@
 <script lang="ts">
   import PurchaseActivationSuccess from '#lib/components/shared-components/purchasing/PurchaseActivationSuccess.svelte';
   import PurchaseContent from '#lib/components/shared-components/purchasing/PurchaseContent.svelte';
-
   import { Modal, ModalBody } from '@immich/ui';
 
   interface Props {
diff --git a/web/src/lib/modals/UserDeleteConfirmModal.svelte b/web/src/lib/modals/UserDeleteConfirmModal.svelte
index 601874161..850b97319 100644
--- a/web/src/lib/modals/UserDeleteConfirmModal.svelte
+++ b/web/src/lib/modals/UserDeleteConfirmModal.svelte
@@ -1,12 +1,12 @@
 <script lang="ts">
   import FormatMessage from '#lib/elements/FormatMessage.svelte';
   import { createPreloadedQuery, executeMutation } from '#lib/queries/client.ts';
+  import { getUserConfigQuery } from '#lib/queries/config-user.query.ts';
   import { deleteUserAdminMutation } from '#lib/queries/user-admin.query.ts';
   import { type UserAdminResponseDto } from '@immich/sdk';
   import { Alert, Checkbox, ConfirmModal, Field, Input, Label, Text } from '@immich/ui';
   import { mdiTrashCanOutline } from '@mdi/js';
   import { t } from 'svelte-i18n';
-  import { getUserConfigQuery } from '#lib/queries/config-user.query.ts';
 
   const query = createPreloadedQuery(getUserConfigQuery);
   const config = $derived(query.data);
diff --git a/web/src/lib/modals/WorkflowAddStepModal.svelte b/web/src/lib/modals/WorkflowAddStepModal.svelte
index 34dbf9131..b58ff27ac 100644
--- a/web/src/lib/modals/WorkflowAddStepModal.svelte
+++ b/web/src/lib/modals/WorkflowAddStepModal.svelte
@@ -4,7 +4,7 @@
   import { type JSONSchemaProperty, type SchemaConfig } from '#lib/types.ts';
   import { getWorkflowDefaultConfig } from '#lib/utils/workflow.ts';
   import { WorkflowTrigger, type PluginMethodResponseDto, type WorkflowStepDto } from '@immich/sdk';
-  import { FormModal, IconButton, modalManager, Stack, Text, Textarea } from '@immich/ui';
+  import { FormModal, IconButton, Stack, Text, Textarea, modalManager } from '@immich/ui';
   import { mdiPencilOutline } from '@mdi/js';
   import { t } from 'svelte-i18n';
 
diff --git a/web/src/lib/modals/WorkflowDuplicateModal.svelte b/web/src/lib/modals/WorkflowDuplicateModal.svelte
index 3d7074515..bdf95cf16 100644
--- a/web/src/lib/modals/WorkflowDuplicateModal.svelte
+++ b/web/src/lib/modals/WorkflowDuplicateModal.svelte
@@ -1,11 +1,11 @@
 <script lang="ts">
-  import { goto } from '$app/navigation';
   import { executeMutation } from '#lib/queries/client.ts';
   import { createWorkflowMutation } from '#lib/queries/workflow.query.ts';
   import { Route } from '#lib/route.ts';
   import { WorkflowTrigger, type WorkflowResponseDto } from '@immich/sdk';
   import { Field, FormModal, Input, Textarea, VStack } from '@immich/ui';
   import { t } from 'svelte-i18n';
+  import { goto } from '$app/navigation';
 
   type Props = {
     workflow: WorkflowResponseDto;
diff --git a/web/src/lib/modals/WorkflowEditStepModal.svelte b/web/src/lib/modals/WorkflowEditStepModal.svelte
index db943a2fe..5a648139f 100644
--- a/web/src/lib/modals/WorkflowEditStepModal.svelte
+++ b/web/src/lib/modals/WorkflowEditStepModal.svelte
@@ -5,7 +5,7 @@
   import { type JSONSchemaProperty, type SchemaConfig } from '#lib/types.ts';
   import { getWorkflowDefaultConfig } from '#lib/utils/workflow.ts';
   import { WorkflowTrigger, type WorkflowStepDto } from '@immich/sdk';
-  import { Button, FormModal, modalManager, Stack, Text, Textarea } from '@immich/ui';
+  import { Button, FormModal, Stack, Text, Textarea, modalManager } from '@immich/ui';
   import { mdiPencilOutline } from '@mdi/js';
   import { t } from 'svelte-i18n';
 
diff --git a/web/src/lib/modals/WorkflowLogsModal.svelte b/web/src/lib/modals/WorkflowLogsModal.svelte
index d40fce29b..215119930 100644
--- a/web/src/lib/modals/WorkflowLogsModal.svelte
+++ b/web/src/lib/modals/WorkflowLogsModal.svelte
@@ -1,28 +1,28 @@
 <script lang="ts">
-  import { type WorkflowLogEntryDto, type WorkflowResponseDto, WorkflowResult, getWorkflowLogs } from '@immich/sdk';
+  import { executeMutation } from '#lib/queries/client.ts';
+  import { updateWorkflowMutation } from '#lib/queries/workflow.query.ts';
+  import { Route } from '#lib/route.ts';
+  import { locale } from '#lib/stores/preferences.store.ts';
+  import { WorkflowResult, getWorkflowLogs, type WorkflowLogEntryDto, type WorkflowResponseDto } from '@immich/sdk';
   import {
-    Modal,
-    ModalBody,
-    Table,
-    TableHeader,
-    TableHeading,
-    TableBody,
-    TableRow,
-    TableCell,
+    Button,
     HStack,
     Icon,
-    VStack,
-    Button,
+    Modal,
+    ModalBody,
     Select,
+    Table,
+    TableBody,
+    TableCell,
+    TableHeader,
+    TableHeading,
+    TableRow,
+    VStack,
     type SelectOption,
   } from '@immich/ui';
   import { mdiHistory, mdiOpenInNew } from '@mdi/js';
-  import { t } from 'svelte-i18n';
-  import { locale } from '#lib/stores/preferences.store.ts';
   import { DateTime } from 'luxon';
-  import { Route } from '#lib/route.ts';
-  import { executeMutation } from '#lib/queries/client.ts';
-  import { updateWorkflowMutation } from '#lib/queries/workflow.query.ts';
+  import { t } from 'svelte-i18n';
 
   type Props = {
     workflow: WorkflowResponseDto;
diff --git a/web/src/lib/modals/WorkflowTemplatePickerModal.svelte b/web/src/lib/modals/WorkflowTemplatePickerModal.svelte
index 8a1cd89a1..c1cc7cf67 100644
--- a/web/src/lib/modals/WorkflowTemplatePickerModal.svelte
+++ b/web/src/lib/modals/WorkflowTemplatePickerModal.svelte
@@ -1,5 +1,4 @@
 <script lang="ts">
-  import { goto } from '$app/navigation';
   import { pluginManager } from '#lib/managers/plugin-manager.svelte.ts';
   import { executeMutation } from '#lib/queries/client.ts';
   import { createWorkflowMutation } from '#lib/queries/workflow.query.ts';
@@ -8,6 +7,7 @@
   import { Badge, FormModal, Icon, ListButton, Text } from '@immich/ui';
   import { mdiFlashOutline } from '@mdi/js';
   import { t } from 'svelte-i18n';
+  import { goto } from '$app/navigation';
 
   type Props = {
     onClose: () => void;
diff --git a/web/src/lib/queries/album.query.ts b/web/src/lib/queries/album.query.ts
index 84dea830d..5c0bb7615 100644
--- a/web/src/lib/queries/album.query.ts
+++ b/web/src/lib/queries/album.query.ts
@@ -4,11 +4,11 @@ import { asMutation, queryClient } from '#lib/queries/client.ts';
 import { Route } from '#lib/route.ts';
 import { getFormatter } from '#lib/utils/i18n.ts';
 import {
+  AlbumUserRole,
+  BulkIdErrorReason,
   addAssetsToAlbum,
   addAssetsToAlbums,
   addUsersToAlbum,
-  AlbumUserRole,
-  BulkIdErrorReason,
   createAlbum,
   deleteAlbum,
   getAlbumInfo,
diff --git a/web/src/lib/queries/client.ts b/web/src/lib/queries/client.ts
index 5b4d89fa7..7c051b7ce 100644
--- a/web/src/lib/queries/client.ts
+++ b/web/src/lib/queries/client.ts
@@ -5,12 +5,12 @@ import { handleError } from '#lib/utils/handle-error.ts';
 import { getFormatter } from '#lib/utils/i18n.ts';
 import { toastManager } from '@immich/ui';
 import {
-  createQuery,
-  hashKey,
   MutationCache,
-  mutationOptions,
   MutationObserver,
   QueryClient,
+  createQuery,
+  hashKey,
+  mutationOptions,
   type CreateMutationOptions,
   type DefaultError,
   type DefinedCreateQueryResult,
diff --git a/web/src/lib/queries/passkey.query.ts b/web/src/lib/queries/passkey.query.ts
index dc1f8f710..062e83135 100644
--- a/web/src/lib/queries/passkey.query.ts
+++ b/web/src/lib/queries/passkey.query.ts
@@ -1,4 +1,4 @@
-import { asMutation, MutationCancelledError, queryClient } from '#lib/queries/client.ts';
+import { MutationCancelledError, asMutation, queryClient } from '#lib/queries/client.ts';
 import {
   deletePasskey,
   finishAuthentication,
diff --git a/web/src/lib/route.ts b/web/src/lib/route.ts
index e4a8a38d0..9583298a3 100644
--- a/web/src/lib/route.ts
+++ b/web/src/lib/route.ts
@@ -1,5 +1,5 @@
 import { OpenQueryParam, type SharedLinkTab } from '#lib/constants.ts';
-import { getBaseUrl, IntegrityReport, QueueName, type MetadataSearchDto, type SmartSearchDto } from '@immich/sdk';
+import { IntegrityReport, QueueName, getBaseUrl, type MetadataSearchDto, type SmartSearchDto } from '@immich/sdk';
 import { omitBy } from 'lodash-es';
 
 const asQueueSlug = (name: QueueName) => {
diff --git a/web/src/lib/services/album.service.ts b/web/src/lib/services/album.service.ts
index b20662ae1..372d2c9de 100644
--- a/web/src/lib/services/album.service.ts
+++ b/web/src/lib/services/album.service.ts
@@ -21,7 +21,9 @@ import { getFormatter } from '#lib/utils/i18n.ts';
 import { AlbumUserRole, type AlbumResponseDto, type UserResponseDto } from '@immich/sdk';
 import { modalManager, type ActionItem } from '@immich/ui';
 import {
+  mdiCogOutline,
   mdiDownload,
+  mdiExitToApp,
   mdiImageOutline,
   mdiLink,
   mdiPlus,
@@ -29,9 +31,7 @@ import {
   mdiRenameOutline,
   mdiShareVariantOutline,
   mdiTrashCanOutline,
-  mdiExitToApp,
   mdiUpload,
-  mdiCogOutline,
 } from '@mdi/js';
 import { type MessageFormatter } from 'svelte-i18n';
 import { goto } from '$app/navigation';
diff --git a/web/src/lib/services/asset.service.ts b/web/src/lib/services/asset.service.ts
index 2327c77fb..558f632d3 100644
--- a/web/src/lib/services/asset.service.ts
+++ b/web/src/lib/services/asset.service.ts
@@ -13,8 +13,7 @@ import { executeMutation, readPreloadedQuery } from '#lib/queries/client.ts';
 import { getUserConfigQuery } from '#lib/queries/config-user.query.ts';
 import { Route } from '#lib/route.ts';
 import { SlideshowState, slideshowStore } from '#lib/stores/slideshow.store.ts';
-import { getAssetMediaUrl, getSharedLink, sleep } from '#lib/utils.ts';
-import { downloadUrl } from '#lib/utils.ts';
+import { downloadUrl, getAssetMediaUrl, getSharedLink, sleep } from '#lib/utils.ts';
 import type { OnFavorite } from '#lib/utils/actions.ts';
 import { handleError } from '#lib/utils/handle-error.ts';
 import { getFormatter } from '#lib/utils/i18n.ts';
@@ -63,8 +62,7 @@ import {
   mdiTagPlusOutline,
   mdiTune,
 } from '@mdi/js';
-import type { MessageFormatter } from 'svelte-i18n';
-import { t } from 'svelte-i18n';
+import { t, type MessageFormatter } from 'svelte-i18n';
 import { get } from 'svelte/store';
 import { goto } from '$app/navigation';
 
diff --git a/web/src/lib/services/database-backups.service.ts b/web/src/lib/services/database-backups.service.ts
index 79454f7ac..696f843a8 100644
--- a/web/src/lib/services/database-backups.service.ts
+++ b/web/src/lib/services/database-backups.service.ts
@@ -4,10 +4,10 @@ import { openFilePicker } from '#lib/utils/file-uploader.ts';
 import { handleError } from '#lib/utils/handle-error.ts';
 import { getFormatter } from '#lib/utils/i18n.ts';
 import {
+  MaintenanceAction,
   deleteDatabaseBackup,
   getBaseUrl,
   listDatabaseBackups,
-  MaintenanceAction,
   setMaintenanceMode,
   type DatabaseBackupDto,
   type DatabaseBackupUploadDto,
diff --git a/web/src/lib/services/integrity.service.ts b/web/src/lib/services/integrity.service.ts
index aa7fa80ec..0606d63d2 100644
--- a/web/src/lib/services/integrity.service.ts
+++ b/web/src/lib/services/integrity.service.ts
@@ -2,7 +2,7 @@ import { eventManager } from '#lib/managers/event-manager.svelte.ts';
 import { Route } from '#lib/route.ts';
 import { handleError } from '#lib/utils/handle-error.ts';
 import { getFormatter } from '#lib/utils/i18n.ts';
-import { createJob, deleteIntegrityReport, IntegrityReport, ManualJobName } from '@immich/sdk';
+import { IntegrityReport, ManualJobName, createJob, deleteIntegrityReport } from '@immich/sdk';
 import { modalManager, toastManager, type ActionItem } from '@immich/ui';
 import { mdiDownload, mdiTrashCanOutline } from '@mdi/js';
 import type { MessageFormatter } from 'svelte-i18n';
diff --git a/web/src/lib/services/person.service.ts b/web/src/lib/services/person.service.ts
index 6a4820c3b..7fe9914fa 100644
--- a/web/src/lib/services/person.service.ts
+++ b/web/src/lib/services/person.service.ts
@@ -5,8 +5,8 @@ import PersonEditModal from '#lib/modals/PersonEditModal.svelte';
 import { handleError } from '#lib/utils/handle-error.ts';
 import { getFormatter } from '#lib/utils/i18n.ts';
 import {
-  getPerson,
   PersonUpdateStrategy,
+  getPerson,
   updatePerson,
   type AssetResponseDto,
   type PersonResponseDto,
diff --git a/web/src/lib/services/queue.service.ts b/web/src/lib/services/queue.service.ts
index 1df9bee97..c286c2676 100644
--- a/web/src/lib/services/queue.service.ts
+++ b/web/src/lib/services/queue.service.ts
@@ -7,10 +7,10 @@ import type { HeaderButtonActionItem } from '#lib/types.ts';
 import { handleError } from '#lib/utils/handle-error.ts';
 import { getFormatter } from '#lib/utils/i18n.ts';
 import {
-  emptyQueue,
-  getQueue,
   QueueCommand,
   QueueName,
+  emptyQueue,
+  getQueue,
   runQueueCommandLegacy,
   updateQueue,
   type QueueResponseDto,
diff --git a/web/src/lib/utils/maintenance.ts b/web/src/lib/utils/maintenance.ts
index a2509dae9..b240e087e 100644
--- a/web/src/lib/utils/maintenance.ts
+++ b/web/src/lib/utils/maintenance.ts
@@ -1,7 +1,7 @@
 import { Route } from '#lib/route.ts';
 import { maintenanceStore } from '#lib/stores/maintenance.store.ts';
 import { websocketStore } from '#lib/stores/websocket.ts';
-import { getMaintenanceStatus, MaintenanceAction, maintenanceLogin } from '@immich/sdk';
+import { MaintenanceAction, getMaintenanceStatus, maintenanceLogin } from '@immich/sdk';
 
 export function maintenanceCreateUrl(url: URL) {
   return new URL(Route.maintenanceMode({ continue: url.pathname + url.search }), url.origin).href;
diff --git a/web/src/lib/utils/timeline-util.ts b/web/src/lib/utils/timeline-util.ts
index 250674ea0..deb87b70d 100644
--- a/web/src/lib/utils/timeline-util.ts
+++ b/web/src/lib/utils/timeline-util.ts
@@ -1,7 +1,7 @@
 import type { AssetDescriptor, TimelineAsset, ViewportTopMonth } from '#lib/managers/timeline-manager/types.ts';
 import { locale } from '#lib/stores/preferences.store.ts';
 import { getAssetRatio } from '#lib/utils/asset-utils.ts';
-import { AssetTypeEnum, AssetOrderBy, type AssetResponseDto } from '@immich/sdk';
+import { AssetOrderBy, AssetTypeEnum, type AssetResponseDto } from '@immich/sdk';
 import { DateTime, type LocaleOptions } from 'luxon';
 import { SvelteSet } from 'svelte/reactivity';
 import { get } from 'svelte/store';
diff --git a/web/src/routes/(user)/+layout.svelte b/web/src/routes/(user)/+layout.svelte
index 0a10e9100..8d1fc8db3 100644
--- a/web/src/routes/(user)/+layout.svelte
+++ b/web/src/routes/(user)/+layout.svelte
@@ -1,8 +1,9 @@
 <script lang="ts">
-  import { page } from '$app/state';
-  import UploadCover from './DragAndDropUploadOverlay.svelte';
   import { assetViewerManager } from '#lib/managers/asset-viewer-manager.svelte.ts';
   import type { Snippet } from 'svelte';
+  import { page } from '$app/state';
+  import UploadCover from './DragAndDropUploadOverlay.svelte';
+
   interface Props {
     children?: Snippet;
   }
diff --git a/web/src/routes/(user)/DragAndDropUploadOverlay.svelte b/web/src/routes/(user)/DragAndDropUploadOverlay.svelte
index 0cf8be458..ed870a787 100644
--- a/web/src/routes/(user)/DragAndDropUploadOverlay.svelte
+++ b/web/src/routes/(user)/DragAndDropUploadOverlay.svelte
@@ -1,5 +1,4 @@
 <script lang="ts">
-  import { page } from '$app/state';
   import { shouldIgnoreEvent } from '#lib/actions/shortcut.ts';
   import { authManager } from '#lib/managers/auth-manager.svelte.ts';
   import { dragAndDropFilesStore } from '#lib/stores/drag-and-drop-files.store.ts';
@@ -8,6 +7,7 @@
   import { Logo } from '@immich/ui';
   import { t } from 'svelte-i18n';
   import { fade } from 'svelte/transition';
+  import { page } from '$app/state';
 
   let albumId = $derived(isAlbumsRoute(page.route?.id) ? page.params.albumId : undefined);
   let isInLockedFolder = $derived(isLockedFolderRoute(page.route.id));
diff --git a/web/src/routes/(user)/albums/+page.svelte b/web/src/routes/(user)/albums/+page.svelte
index 770c54694..9a350cf5c 100644
--- a/web/src/routes/(user)/albums/+page.svelte
+++ b/web/src/routes/(user)/albums/+page.svelte
@@ -1,6 +1,5 @@
 <script lang="ts">
   import { scrollMemory } from '#lib/actions/scroll-memory.svelte.ts';
-  import AlbumsControls from './AlbumsControls.svelte';
   import Albums from '#lib/components/album-page/AlbumsList.svelte';
   import UserPageLayout from '#lib/components/layouts/UserPageLayout.svelte';
   import EmptyPlaceholder from '#lib/components/shared-components/EmptyPlaceholder.svelte';
@@ -13,6 +12,7 @@
   import { createAlbumAndRedirect } from '#lib/utils/album-utils.ts';
   import { t } from 'svelte-i18n';
   import type { PageData } from './$types';
+  import AlbumsControls from './AlbumsControls.svelte';
 
   interface Props {
     data: PageData;
diff --git a/web/src/routes/(user)/albums/AlbumsControls.svelte b/web/src/routes/(user)/albums/AlbumsControls.svelte
index 6ae802dd7..e473635da 100644
--- a/web/src/routes/(user)/albums/AlbumsControls.svelte
+++ b/web/src/routes/(user)/albums/AlbumsControls.svelte
@@ -7,12 +7,10 @@
     AlbumGroupBy,
     AlbumSortBy,
     AlbumViewMode,
-    albumViewSettings,
     SortOrder,
+    albumViewSettings,
   } from '#lib/stores/preferences.store.ts';
   import {
-    type AlbumGroupOptionMetadata,
-    type AlbumSortOptionMetadata,
     collapseAllAlbumGroups,
     createAlbumAndRedirect,
     expandAllAlbumGroups,
@@ -22,6 +20,8 @@
     getSelectedAlbumGroupOption,
     groupOptionsMetadata,
     sortOptionsMetadata,
+    type AlbumGroupOptionMetadata,
+    type AlbumSortOptionMetadata,
   } from '#lib/utils/album-utils.ts';
   import { Button, IconButton, Text } from '@immich/ui';
   import {
diff --git a/web/src/routes/(user)/albums/[albumId=id]/[[photos=photos]]/[[assetId=id]]/+page.svelte b/web/src/routes/(user)/albums/[albumId=id]/[[photos=photos]]/[[assetId=id]]/+page.svelte
index 73110fddb..1d608b9c5 100644
--- a/web/src/routes/(user)/albums/[albumId=id]/[[photos=photos]]/[[assetId=id]]/+page.svelte
+++ b/web/src/routes/(user)/albums/[albumId=id]/[[photos=photos]]/[[assetId=id]]/+page.svelte
@@ -1,16 +1,18 @@
 <script lang="ts">
-  import { goto, onNavigate } from '$app/navigation';
   import { scrollMemoryClearer } from '#lib/actions/scroll-memory.svelte.ts';
+  import ActionMenuItem from '#lib/components/ActionMenuItem.svelte';
+  import HeaderActionButton from '#lib/components/HeaderActionButton.svelte';
+  import OnEvents from '#lib/components/OnEvents.svelte';
   import AlbumMap from '#lib/components/album-page/AlbumMap.svelte';
   import AlbumSummary from '#lib/components/album-page/AlbumSummary.svelte';
   import ActivityStatus from '#lib/components/asset-viewer/ActivityStatus.svelte';
   import ActivityViewer from '#lib/components/asset-viewer/ActivityViewer.svelte';
-  import HeaderActionButton from '#lib/components/HeaderActionButton.svelte';
-  import OnEvents from '#lib/components/OnEvents.svelte';
-  import ButtonContextMenu from '#lib/components/shared-components/context-menu/ButtonContextMenu.svelte';
-  import MenuOption from '#lib/components/shared-components/context-menu/MenuOption.svelte';
   import ControlAppBar from '#lib/components/shared-components/ControlAppBar.svelte';
   import UserAvatar from '#lib/components/shared-components/UserAvatar.svelte';
+  import ButtonContextMenu from '#lib/components/shared-components/context-menu/ButtonContextMenu.svelte';
+  import MenuOption from '#lib/components/shared-components/context-menu/MenuOption.svelte';
+  import AssetSelectControlBar from '#lib/components/timeline/AssetSelectControlBar.svelte';
+  import Timeline from '#lib/components/timeline/Timeline.svelte';
   import ChangeDate from '#lib/components/timeline/actions/ChangeDateAction.svelte';
   import ChangeDescription from '#lib/components/timeline/actions/ChangeDescriptionAction.svelte';
   import ChangeLocation from '#lib/components/timeline/actions/ChangeLocationAction.svelte';
@@ -19,27 +21,32 @@
   import FavoriteAction from '#lib/components/timeline/actions/FavoriteAction.svelte';
   import SelectAllAssets from '#lib/components/timeline/actions/SelectAllAction.svelte';
   import SetVisibilityAction from '#lib/components/timeline/actions/SetVisibilityAction.svelte';
-  import AssetSelectControlBar from '#lib/components/timeline/AssetSelectControlBar.svelte';
-  import Timeline from '#lib/components/timeline/Timeline.svelte';
   import { AlbumPageViewMode } from '#lib/constants.ts';
   import { activityManager } from '#lib/managers/activity-manager.svelte.ts';
-  import { assetMultiSelectManager, AssetMultiSelectManager } from '#lib/managers/asset-multi-select-manager.svelte.ts';
+  import { AssetMultiSelectManager, assetMultiSelectManager } from '#lib/managers/asset-multi-select-manager.svelte.ts';
   import { assetViewerManager } from '#lib/managers/asset-viewer-manager.svelte.ts';
   import { authManager } from '#lib/managers/auth-manager.svelte.ts';
   import { TimelineManager } from '#lib/managers/timeline-manager/timeline-manager.svelte.ts';
   import type { TimelineAsset } from '#lib/managers/timeline-manager/types.ts';
+  import {
+    deleteAlbumMutation,
+    getAlbumInfoQuery,
+    invalidateAlbum,
+    updateAlbumInfoMutation,
+  } from '#lib/queries/album.query.ts';
+  import { createPreloadedQuery, executeMutation } from '#lib/queries/client.ts';
+  import { getUserConfigQuery } from '#lib/queries/config-user.query.ts';
   import { Route } from '#lib/route.ts';
   import { getAlbumActions, getAlbumAssetsActions, isAlbumEditor, isAlbumOwner } from '#lib/services/album.service.ts';
   import { getGlobalActions } from '#lib/services/app.service.ts';
   import { getAssetBulkActions } from '#lib/services/asset.service.ts';
   import { SlideshowNavigation, SlideshowState, slideshowStore } from '#lib/stores/slideshow.store.ts';
   import { handlePromiseError } from '#lib/utils.ts';
+  import { delay } from '#lib/utils/asset-utils.ts';
   import { handleError } from '#lib/utils/handle-error.ts';
   import { isAlbumsRoute, navigate, type AssetGridRouteSearchParams } from '#lib/utils/navigation.ts';
   import { AlbumUserRole, AssetVisibility } from '@immich/sdk';
-
   import { ActionButton, CommandPaletteDefaultProvider, Icon, IconButton } from '@immich/ui';
-
   import {
     mdiAccountEye,
     mdiAccountEyeOutline,
@@ -55,19 +62,10 @@
   import { onDestroy } from 'svelte';
   import { t } from 'svelte-i18n';
   import { fly } from 'svelte/transition';
+  import { goto, onNavigate } from '$app/navigation';
   import type { PageProps } from './$types';
   import AlbumDescription from './AlbumDescription.svelte';
   import AlbumTitle from './AlbumTitle.svelte';
-  import ActionMenuItem from '#lib/components/ActionMenuItem.svelte';
-  import { delay } from '#lib/utils/asset-utils.ts';
-  import {
-    deleteAlbumMutation,
-    getAlbumInfoQuery,
-    invalidateAlbum,
-    updateAlbumInfoMutation,
-  } from '#lib/queries/album.query.ts';
-  import { createPreloadedQuery, executeMutation } from '#lib/queries/client.ts';
-  import { getUserConfigQuery } from '#lib/queries/config-user.query.ts';
 
   let { params }: PageProps = $props();
 
diff --git a/web/src/routes/(user)/archive/[[photos=photos]]/[[assetId=id]]/+page.svelte b/web/src/routes/(user)/archive/[[photos=photos]]/[[assetId=id]]/+page.svelte
index f8276e5e8..f82be3023 100644
--- a/web/src/routes/(user)/archive/[[photos=photos]]/[[assetId=id]]/+page.svelte
+++ b/web/src/routes/(user)/archive/[[photos=photos]]/[[assetId=id]]/+page.svelte
@@ -1,16 +1,15 @@
 <script lang="ts">
   import UserPageLayout from '#lib/components/layouts/UserPageLayout.svelte';
-  import ButtonContextMenu from '#lib/components/shared-components/context-menu/ButtonContextMenu.svelte';
   import EmptyPlaceholder from '#lib/components/shared-components/EmptyPlaceholder.svelte';
+  import ButtonContextMenu from '#lib/components/shared-components/context-menu/ButtonContextMenu.svelte';
+  import AssetSelectControlBar from '#lib/components/timeline/AssetSelectControlBar.svelte';
+  import Timeline from '#lib/components/timeline/Timeline.svelte';
   import DeleteAssets from '#lib/components/timeline/actions/DeleteAssetsAction.svelte';
   import DownloadAction from '#lib/components/timeline/actions/DownloadAction.svelte';
   import FavoriteAction from '#lib/components/timeline/actions/FavoriteAction.svelte';
   import SelectAllAssets from '#lib/components/timeline/actions/SelectAllAction.svelte';
-  import AssetSelectControlBar from '#lib/components/timeline/AssetSelectControlBar.svelte';
-  import Timeline from '#lib/components/timeline/Timeline.svelte';
-  import { AssetAction } from '#lib/constants.ts';
-
   import SetVisibilityAction from '#lib/components/timeline/actions/SetVisibilityAction.svelte';
+  import { AssetAction } from '#lib/constants.ts';
   import { assetMultiSelectManager } from '#lib/managers/asset-multi-select-manager.svelte.ts';
   import { TimelineManager } from '#lib/managers/timeline-manager/timeline-manager.svelte.ts';
   import { getAssetBulkActions } from '#lib/services/asset.service.ts';
diff --git a/web/src/routes/(user)/buy/+page.svelte b/web/src/routes/(user)/buy/+page.svelte
index e347c656e..464eb42e5 100644
--- a/web/src/routes/(user)/buy/+page.svelte
+++ b/web/src/routes/(user)/buy/+page.svelte
@@ -1,15 +1,15 @@
 <script lang="ts">
-  import { goto } from '$app/navigation';
   import UserPageLayout from '#lib/components/layouts/UserPageLayout.svelte';
   import LicenseActivationSuccess from '#lib/components/shared-components/purchasing/PurchaseActivationSuccess.svelte';
   import LicenseContent from '#lib/components/shared-components/purchasing/PurchaseContent.svelte';
-  import SupporterBadge from './SupporterBadge.svelte';
   import { authManager } from '#lib/managers/auth-manager.svelte.ts';
   import { Route } from '#lib/route.ts';
   import { Alert, Container, Stack } from '@immich/ui';
   import { mdiAlertCircleOutline } from '@mdi/js';
   import { t } from 'svelte-i18n';
+  import { goto } from '$app/navigation';
   import type { PageData } from './$types';
+  import SupporterBadge from './SupporterBadge.svelte';
 
   interface Props {
     data: PageData;
diff --git a/web/src/routes/(user)/explore/+page.svelte b/web/src/routes/(user)/explore/+page.svelte
index 8fcfe5ad4..4411ca0f5 100644
--- a/web/src/routes/(user)/explore/+page.svelte
+++ b/web/src/routes/(user)/explore/+page.svelte
@@ -1,22 +1,22 @@
 <script lang="ts">
+  import OnEvents from '#lib/components/OnEvents.svelte';
   import ImageThumbnail from '#lib/components/assets/thumbnail/ImageThumbnail.svelte';
   import PersonIndicator from '#lib/components/faces-page/PersonIndicator.svelte';
   import UserPageLayout from '#lib/components/layouts/UserPageLayout.svelte';
-  import OnEvents from '#lib/components/OnEvents.svelte';
+  import MemoryCard from '#lib/components/memories/MemoryCard.svelte';
   import EmptyPlaceholder from '#lib/components/shared-components/EmptyPlaceholder.svelte';
   import SingleGridRow from '#lib/components/shared-components/SingleGridRow.svelte';
+  import Portal from '#lib/elements/Portal.svelte';
   import { assetViewerManager } from '#lib/managers/asset-viewer-manager.svelte.ts';
+  import { authManager } from '#lib/managers/auth-manager.svelte.ts';
   import { Route } from '#lib/route.ts';
   import { getAssetMediaUrl, getPeopleThumbnailUrl, memoryLaneTitle } from '#lib/utils.ts';
-  import { getAssetInfo, AssetMediaSize, type SearchExploreResponseDto } from '@immich/sdk';
-  import { authManager } from '#lib/managers/auth-manager.svelte.ts';
-  import MemoryCard from '#lib/components/memories/MemoryCard.svelte';
+  import { getAltText } from '#lib/utils/thumbnail-util.ts';
+  import { toTimelineAsset } from '#lib/utils/timeline-util.ts';
+  import { AssetMediaSize, getAssetInfo, type SearchExploreResponseDto } from '@immich/sdk';
   import { ImageCarousel } from '@immich/ui';
   import { t } from 'svelte-i18n';
   import type { PageData } from './$types';
-  import { toTimelineAsset } from '#lib/utils/timeline-util.ts';
-  import { getAltText } from '#lib/utils/thumbnail-util.ts';
-  import Portal from '#lib/elements/Portal.svelte';
 
   interface Props {
     data: PageData;
diff --git a/web/src/routes/(user)/explore/+page.ts b/web/src/routes/(user)/explore/+page.ts
index a2770e82a..33b69cf4d 100644
--- a/web/src/routes/(user)/explore/+page.ts
+++ b/web/src/routes/(user)/explore/+page.ts
@@ -1,7 +1,7 @@
 import { memoryManager } from '#lib/managers/memory-manager.svelte.ts';
 import { authenticate } from '#lib/utils/auth.ts';
 import { getFormatter } from '#lib/utils/i18n.ts';
-import { getAllPeople, getExploreData, MemorySearchOrder } from '@immich/sdk';
+import { MemorySearchOrder, getAllPeople, getExploreData } from '@immich/sdk';
 import type { PageLoad } from './$types';
 
 export const load = (async ({ url }) => {
diff --git a/web/src/routes/(user)/favorites/[[photos=photos]]/[[assetId=id]]/+page.svelte b/web/src/routes/(user)/favorites/[[photos=photos]]/[[assetId=id]]/+page.svelte
index cf07c1c17..b0130ffc0 100644
--- a/web/src/routes/(user)/favorites/[[photos=photos]]/[[assetId=id]]/+page.svelte
+++ b/web/src/routes/(user)/favorites/[[photos=photos]]/[[assetId=id]]/+page.svelte
@@ -1,8 +1,10 @@
 <script lang="ts">
   import ActionMenuItem from '#lib/components/ActionMenuItem.svelte';
   import UserPageLayout from '#lib/components/layouts/UserPageLayout.svelte';
-  import ButtonContextMenu from '#lib/components/shared-components/context-menu/ButtonContextMenu.svelte';
   import EmptyPlaceholder from '#lib/components/shared-components/EmptyPlaceholder.svelte';
+  import ButtonContextMenu from '#lib/components/shared-components/context-menu/ButtonContextMenu.svelte';
+  import AssetSelectControlBar from '#lib/components/timeline/AssetSelectControlBar.svelte';
+  import Timeline from '#lib/components/timeline/Timeline.svelte';
   import ChangeDate from '#lib/components/timeline/actions/ChangeDateAction.svelte';
   import ChangeDescription from '#lib/components/timeline/actions/ChangeDescriptionAction.svelte';
   import ChangeLocation from '#lib/components/timeline/actions/ChangeLocationAction.svelte';
@@ -11,8 +13,6 @@
   import FavoriteAction from '#lib/components/timeline/actions/FavoriteAction.svelte';
   import SelectAllAssets from '#lib/components/timeline/actions/SelectAllAction.svelte';
   import SetVisibilityAction from '#lib/components/timeline/actions/SetVisibilityAction.svelte';
-  import AssetSelectControlBar from '#lib/components/timeline/AssetSelectControlBar.svelte';
-  import Timeline from '#lib/components/timeline/Timeline.svelte';
   import { assetMultiSelectManager } from '#lib/managers/asset-multi-select-manager.svelte.ts';
   import { TimelineManager } from '#lib/managers/timeline-manager/timeline-manager.svelte.ts';
   import { getAssetBulkActions } from '#lib/services/asset.service.ts';
diff --git a/web/src/routes/(user)/folders/[[photos=photos]]/[[assetId=id]]/+page.svelte b/web/src/routes/(user)/folders/[[photos=photos]]/[[assetId=id]]/+page.svelte
index 64d981333..169bd8879 100644
--- a/web/src/routes/(user)/folders/[[photos=photos]]/[[assetId=id]]/+page.svelte
+++ b/web/src/routes/(user)/folders/[[photos=photos]]/[[assetId=id]]/+page.svelte
@@ -26,10 +26,10 @@
   import { isAssetViewerRoute } from '#lib/utils/navigation.ts';
   import { toTimelineAsset } from '#lib/utils/timeline-util.ts';
   import { joinPaths } from '#lib/utils/tree-utils.ts';
-  import { afterNavigate, beforeNavigate, goto, refreshAll } from '$app/navigation';
   import { ActionButton, CommandPaletteDefaultProvider, IconButton, Text } from '@immich/ui';
   import { mdiDotsVertical, mdiFolder, mdiFolderHome, mdiFolderOutline, mdiSelectAll } from '@mdi/js';
   import { t } from 'svelte-i18n';
+  import { afterNavigate, beforeNavigate, goto, refreshAll } from '$app/navigation';
   import type { PageData } from './$types';
 
   interface Props {
diff --git a/web/src/routes/(user)/locked/[[photos=photos]]/[[assetId=id]]/+page.svelte b/web/src/routes/(user)/locked/[[photos=photos]]/[[assetId=id]]/+page.svelte
index 830946529..4da1e282d 100644
--- a/web/src/routes/(user)/locked/[[photos=photos]]/[[assetId=id]]/+page.svelte
+++ b/web/src/routes/(user)/locked/[[photos=photos]]/[[assetId=id]]/+page.svelte
@@ -1,17 +1,16 @@
 <script lang="ts">
-  import { goto } from '$app/navigation';
-  import UserPageLayout from '#lib/components/layouts/UserPageLayout.svelte';
   import OnEvents from '#lib/components/OnEvents.svelte';
-  import ButtonContextMenu from '#lib/components/shared-components/context-menu/ButtonContextMenu.svelte';
+  import UserPageLayout from '#lib/components/layouts/UserPageLayout.svelte';
   import EmptyPlaceholder from '#lib/components/shared-components/EmptyPlaceholder.svelte';
+  import ButtonContextMenu from '#lib/components/shared-components/context-menu/ButtonContextMenu.svelte';
+  import AssetSelectControlBar from '#lib/components/timeline/AssetSelectControlBar.svelte';
+  import Timeline from '#lib/components/timeline/Timeline.svelte';
   import ChangeDate from '#lib/components/timeline/actions/ChangeDateAction.svelte';
   import ChangeLocation from '#lib/components/timeline/actions/ChangeLocationAction.svelte';
   import DeleteAssets from '#lib/components/timeline/actions/DeleteAssetsAction.svelte';
   import DownloadAction from '#lib/components/timeline/actions/DownloadAction.svelte';
   import SelectAllAssets from '#lib/components/timeline/actions/SelectAllAction.svelte';
   import SetVisibilityAction from '#lib/components/timeline/actions/SetVisibilityAction.svelte';
-  import AssetSelectControlBar from '#lib/components/timeline/AssetSelectControlBar.svelte';
-  import Timeline from '#lib/components/timeline/Timeline.svelte';
   import { AssetAction } from '#lib/constants.ts';
   import { assetMultiSelectManager } from '#lib/managers/asset-multi-select-manager.svelte.ts';
   import { TimelineManager } from '#lib/managers/timeline-manager/timeline-manager.svelte.ts';
@@ -20,6 +19,7 @@
   import { AssetVisibility } from '@immich/sdk';
   import { mdiDotsVertical } from '@mdi/js';
   import { t } from 'svelte-i18n';
+  import { goto } from '$app/navigation';
   import type { PageData } from './$types';
 
   interface Props {
diff --git a/web/src/routes/(user)/map/[[photos=photos]]/[[assetId=id]]/+page.svelte b/web/src/routes/(user)/map/[[photos=photos]]/[[assetId=id]]/+page.svelte
index 6215856cf..a27a452e3 100644
--- a/web/src/routes/(user)/map/[[photos=photos]]/[[assetId=id]]/+page.svelte
+++ b/web/src/routes/(user)/map/[[photos=photos]]/[[assetId=id]]/+page.svelte
@@ -1,21 +1,21 @@
 <script lang="ts">
-  import { goto } from '$app/navigation';
   import UserPageLayout from '#lib/components/layouts/UserPageLayout.svelte';
-  import MapTimelinePanel from './MapTimelinePanel.svelte';
   import type { SelectionBBox } from '#lib/components/shared-components/map/types.ts';
   import { timeToLoadTheMap } from '#lib/constants.ts';
   import Portal from '#lib/elements/Portal.svelte';
   import { assetViewerManager } from '#lib/managers/asset-viewer-manager.svelte.ts';
+  import { createPreloadedQuery } from '#lib/queries/client.ts';
+  import { getUserConfigQuery } from '#lib/queries/config-user.query.ts';
   import { Route } from '#lib/route.ts';
+  import { mapSettings } from '#lib/stores/preferences.store.ts';
   import { handlePromiseError } from '#lib/utils.ts';
   import { delay } from '#lib/utils/asset-utils.ts';
   import { navigate } from '#lib/utils/navigation.ts';
-  import { mapSettings } from '#lib/stores/preferences.store.ts';
   import { LoadingSpinner } from '@immich/ui';
   import { onDestroy } from 'svelte';
+  import { goto } from '$app/navigation';
   import type { PageData } from './$types';
-  import { createPreloadedQuery } from '#lib/queries/client.ts';
-  import { getUserConfigQuery } from '#lib/queries/config-user.query.ts';
+  import MapTimelinePanel from './MapTimelinePanel.svelte';
 
   const query = createPreloadedQuery(getUserConfigQuery);
   const config = $derived(query.data);
diff --git a/web/src/routes/(user)/map/[[photos=photos]]/[[assetId=id]]/MapTimelinePanel.svelte b/web/src/routes/(user)/map/[[photos=photos]]/[[assetId=id]]/MapTimelinePanel.svelte
index df26d7e16..5deef0235 100644
--- a/web/src/routes/(user)/map/[[photos=photos]]/[[assetId=id]]/MapTimelinePanel.svelte
+++ b/web/src/routes/(user)/map/[[photos=photos]]/[[assetId=id]]/MapTimelinePanel.svelte
@@ -2,6 +2,8 @@
   import ActionMenuItem from '#lib/components/ActionMenuItem.svelte';
   import ButtonContextMenu from '#lib/components/shared-components/context-menu/ButtonContextMenu.svelte';
   import type { SelectionBBox } from '#lib/components/shared-components/map/types.ts';
+  import AssetSelectControlBar from '#lib/components/timeline/AssetSelectControlBar.svelte';
+  import Timeline from '#lib/components/timeline/Timeline.svelte';
   import ChangeDate from '#lib/components/timeline/actions/ChangeDateAction.svelte';
   import ChangeDescription from '#lib/components/timeline/actions/ChangeDescriptionAction.svelte';
   import ChangeLocation from '#lib/components/timeline/actions/ChangeLocationAction.svelte';
@@ -11,8 +13,6 @@
   import LinkLivePhotoAction from '#lib/components/timeline/actions/LinkLivePhotoAction.svelte';
   import SelectAllAssets from '#lib/components/timeline/actions/SelectAllAction.svelte';
   import SetVisibilityAction from '#lib/components/timeline/actions/SetVisibilityAction.svelte';
-  import AssetSelectControlBar from '#lib/components/timeline/AssetSelectControlBar.svelte';
-  import Timeline from '#lib/components/timeline/Timeline.svelte';
   import Portal from '#lib/elements/Portal.svelte';
   import { assetMultiSelectManager } from '#lib/managers/asset-multi-select-manager.svelte.ts';
   import { TimelineManager } from '#lib/managers/timeline-manager/timeline-manager.svelte.ts';
diff --git a/web/src/routes/(user)/memories/+page.svelte b/web/src/routes/(user)/memories/+page.svelte
index 7c01b7594..ddb22095d 100644
--- a/web/src/routes/(user)/memories/+page.svelte
+++ b/web/src/routes/(user)/memories/+page.svelte
@@ -1,9 +1,9 @@
 <script lang="ts">
   import { scrollMemory } from '#lib/actions/scroll-memory.svelte.ts';
   import UserPageLayout from '#lib/components/layouts/UserPageLayout.svelte';
+  import MemoryCard from '#lib/components/memories/MemoryCard.svelte';
   import { memoryManager } from '#lib/managers/memory-manager.svelte.ts';
   import { userPreferencesManager } from '#lib/managers/user-preferences-manager.svelte.ts';
-  import MemoryCard from '#lib/components/memories/MemoryCard.svelte';
   import MemoriesSettingsModal from '#lib/modals/MemoriesSettingsModal.svelte';
   import { Route } from '#lib/route.ts';
   import { locale } from '#lib/stores/preferences.store.ts';
diff --git a/web/src/routes/(user)/memories/[id]/[[photos=photos]]/[[assetId=id]]/MemoryPhotoViewer.svelte b/web/src/routes/(user)/memories/[id]/[[photos=photos]]/[[assetId=id]]/MemoryPhotoViewer.svelte
index 41479ff58..2207fadc0 100644
--- a/web/src/routes/(user)/memories/[id]/[[photos=photos]]/[[assetId=id]]/MemoryPhotoViewer.svelte
+++ b/web/src/routes/(user)/memories/[id]/[[photos=photos]]/[[assetId=id]]/MemoryPhotoViewer.svelte
@@ -1,10 +1,10 @@
 <script lang="ts">
+  import DelayedLoadingSpinner from '#lib/components/DelayedLoadingSpinner.svelte';
   import { assetViewerFadeDuration } from '#lib/constants.ts';
   import type { TimelineAsset } from '#lib/managers/timeline-manager/types.ts';
   import { getAssetMediaUrl } from '#lib/utils.ts';
   import { getAltText } from '#lib/utils/thumbnail-util.ts';
   import { AssetMediaSize } from '@immich/sdk';
-  import DelayedLoadingSpinner from '#lib/components/DelayedLoadingSpinner.svelte';
   import { onMount } from 'svelte';
   import { fade } from 'svelte/transition';
 
diff --git a/web/src/routes/(user)/memories/[id]/[[photos=photos]]/[[assetId=id]]/MemoryViewer.svelte b/web/src/routes/(user)/memories/[id]/[[photos=photos]]/[[assetId=id]]/MemoryViewer.svelte
index 33d1e86e8..ed93fbd17 100644
--- a/web/src/routes/(user)/memories/[id]/[[photos=photos]]/[[assetId=id]]/MemoryViewer.svelte
+++ b/web/src/routes/(user)/memories/[id]/[[photos=photos]]/[[assetId=id]]/MemoryViewer.svelte
@@ -1,20 +1,19 @@
 <script lang="ts">
-  import { goto } from '$app/navigation';
   import { scrollMemoryClearer } from '#lib/actions/scroll-memory.svelte.ts';
   import { shortcuts } from '#lib/actions/shortcut.ts';
   import ActionMenuItem from '#lib/components/ActionMenuItem.svelte';
-  import BirthdayConfetti from '#lib/components/memories/BirthdayConfetti.svelte';
   import OnEvents from '#lib/components/OnEvents.svelte';
+  import BirthdayConfetti from '#lib/components/memories/BirthdayConfetti.svelte';
   import ButtonContextMenu from '#lib/components/shared-components/context-menu/ButtonContextMenu.svelte';
   import MenuOption from '#lib/components/shared-components/context-menu/MenuOption.svelte';
   import GalleryViewer from '#lib/components/shared-components/gallery-viewer/GalleryViewer.svelte';
+  import AssetSelectControlBar from '#lib/components/timeline/AssetSelectControlBar.svelte';
   import ChangeDate from '#lib/components/timeline/actions/ChangeDateAction.svelte';
   import ChangeDescription from '#lib/components/timeline/actions/ChangeDescriptionAction.svelte';
   import ChangeLocation from '#lib/components/timeline/actions/ChangeLocationAction.svelte';
   import DeleteAssets from '#lib/components/timeline/actions/DeleteAssetsAction.svelte';
   import DownloadAction from '#lib/components/timeline/actions/DownloadAction.svelte';
   import FavoriteAction from '#lib/components/timeline/actions/FavoriteAction.svelte';
-  import AssetSelectControlBar from '#lib/components/timeline/AssetSelectControlBar.svelte';
   import { assetMultiSelectManager } from '#lib/managers/asset-multi-select-manager.svelte.ts';
   import { assetViewerManager } from '#lib/managers/asset-viewer-manager.svelte.ts';
   import { authManager } from '#lib/managers/auth-manager.svelte.ts';
@@ -25,7 +24,7 @@
   import { locale } from '#lib/stores/preferences.store.ts';
   import { getAssetMediaUrl, handlePromiseError, memoryLaneTitle } from '#lib/utils.ts';
   import { fromISODateTimeUTC, toTimelineAsset } from '#lib/utils/timeline-util.ts';
-  import { AssetMediaSize, AssetTypeEnum, getAssetInfo, MemoryType } from '@immich/sdk';
+  import { AssetMediaSize, AssetTypeEnum, MemoryType, getAssetInfo } from '@immich/sdk';
   import { ActionButton, CommandPaletteDefaultProvider, Icon, IconButton, Text } from '@immich/ui';
   import {
     mdiCakeVariant,
@@ -52,6 +51,7 @@
   import { t } from 'svelte-i18n';
   import type { Attachment } from 'svelte/attachments';
   import { Tween } from 'svelte/motion';
+  import { goto } from '$app/navigation';
   import MemoryPhotoViewer from './MemoryPhotoViewer.svelte';
   import MemoryVideoViewer from './MemoryVideoViewer.svelte';
 
diff --git a/web/src/routes/(user)/partners/[userId]/[[photos=photos]]/[[assetId=id]]/+page.svelte b/web/src/routes/(user)/partners/[userId]/[[photos=photos]]/[[assetId=id]]/+page.svelte
index c77832fde..c4498ac37 100644
--- a/web/src/routes/(user)/partners/[userId]/[[photos=photos]]/[[assetId=id]]/+page.svelte
+++ b/web/src/routes/(user)/partners/[userId]/[[photos=photos]]/[[assetId=id]]/+page.svelte
@@ -1,9 +1,8 @@
 <script lang="ts">
-  import { goto } from '$app/navigation';
   import ControlAppBar from '#lib/components/shared-components/ControlAppBar.svelte';
-  import DownloadAction from '#lib/components/timeline/actions/DownloadAction.svelte';
   import AssetSelectControlBar from '#lib/components/timeline/AssetSelectControlBar.svelte';
   import Timeline from '#lib/components/timeline/Timeline.svelte';
+  import DownloadAction from '#lib/components/timeline/actions/DownloadAction.svelte';
   import { assetMultiSelectManager } from '#lib/managers/asset-multi-select-manager.svelte.ts';
   import { Route } from '#lib/route.ts';
   import { getAssetBulkActions } from '#lib/services/asset.service.ts';
@@ -11,6 +10,7 @@
   import { ActionButton, CommandPaletteDefaultProvider } from '@immich/ui';
   import { mdiArrowLeft } from '@mdi/js';
   import { t } from 'svelte-i18n';
+  import { goto } from '$app/navigation';
   import type { PageData } from './$types';
 
   interface Props {
diff --git a/web/src/routes/(user)/people/+page.svelte b/web/src/routes/(user)/people/+page.svelte
index cf1948c1b..a83be5609 100644
--- a/web/src/routes/(user)/people/+page.svelte
+++ b/web/src/routes/(user)/people/+page.svelte
@@ -1,8 +1,8 @@
 <script lang="ts">
   import { scrollMemory } from '#lib/actions/scroll-memory.svelte.ts';
   import { shortcut } from '#lib/actions/shortcut.ts';
-  import UserPageLayout from '#lib/components/layouts/UserPageLayout.svelte';
   import OnEvents from '#lib/components/OnEvents.svelte';
+  import UserPageLayout from '#lib/components/layouts/UserPageLayout.svelte';
   import { QueryParameter, SessionStorageKey } from '#lib/constants.ts';
   import SearchBar from '#lib/elements/SearchBar.svelte';
   import { authManager } from '#lib/managers/auth-manager.svelte.ts';
@@ -16,8 +16,6 @@
   import { handlePromiseError } from '#lib/utils.ts';
   import { handleError } from '#lib/utils/handle-error.ts';
   import { normalizeSearchString } from '#lib/utils/string-utils.ts';
-  import { goto } from '$app/navigation';
-  import { page } from '$app/state';
   import {
     getAllPeople,
     getClusterGroupUsers,
@@ -30,6 +28,8 @@
   import { mdiAccountOff, mdiEyeOutline, mdiTune } from '@mdi/js';
   import { onMount } from 'svelte';
   import { t } from 'svelte-i18n';
+  import { goto } from '$app/navigation';
+  import { page } from '$app/state';
   import type { PageData } from './$types';
   import PeopleCard from './PeopleCard.svelte';
   import PeopleInfiniteScroll from './PeopleInfiniteScroll.svelte';
diff --git a/web/src/routes/(user)/people/[personId]/[[photos=photos]]/[[assetId=id]]/+page.svelte b/web/src/routes/(user)/people/[personId]/[[photos=photos]]/[[assetId=id]]/+page.svelte
index 2eb2a4f45..a0b1b9c0e 100644
--- a/web/src/routes/(user)/people/[personId]/[[photos=photos]]/[[assetId=id]]/+page.svelte
+++ b/web/src/routes/(user)/people/[personId]/[[photos=photos]]/[[assetId=id]]/+page.svelte
@@ -3,12 +3,14 @@
   import { listNavigation } from '#lib/actions/list-navigation.ts';
   import { scrollMemoryClearer } from '#lib/actions/scroll-memory.svelte.ts';
   import ActionMenuItem from '#lib/components/ActionMenuItem.svelte';
+  import OnEvents from '#lib/components/OnEvents.svelte';
   import ImageThumbnail from '#lib/components/assets/thumbnail/ImageThumbnail.svelte';
   import PersonIndicator from '#lib/components/faces-page/PersonIndicator.svelte';
-  import OnEvents from '#lib/components/OnEvents.svelte';
+  import ControlAppBar from '#lib/components/shared-components/ControlAppBar.svelte';
   import ButtonContextMenu from '#lib/components/shared-components/context-menu/ButtonContextMenu.svelte';
   import MenuOption from '#lib/components/shared-components/context-menu/MenuOption.svelte';
-  import ControlAppBar from '#lib/components/shared-components/ControlAppBar.svelte';
+  import AssetSelectControlBar from '#lib/components/timeline/AssetSelectControlBar.svelte';
+  import Timeline from '#lib/components/timeline/Timeline.svelte';
   import ChangeDate from '#lib/components/timeline/actions/ChangeDateAction.svelte';
   import ChangeDescription from '#lib/components/timeline/actions/ChangeDescriptionAction.svelte';
   import ChangeLocation from '#lib/components/timeline/actions/ChangeLocationAction.svelte';
@@ -17,8 +19,6 @@
   import FavoriteAction from '#lib/components/timeline/actions/FavoriteAction.svelte';
   import SelectAllAssets from '#lib/components/timeline/actions/SelectAllAction.svelte';
   import SetVisibilityAction from '#lib/components/timeline/actions/SetVisibilityAction.svelte';
-  import AssetSelectControlBar from '#lib/components/timeline/AssetSelectControlBar.svelte';
-  import Timeline from '#lib/components/timeline/Timeline.svelte';
   import { PersonPageViewMode, QueryParameter, SessionStorageKey } from '#lib/constants.ts';
   import { assetMultiSelectManager } from '#lib/managers/asset-multi-select-manager.svelte.ts';
   import { assetViewerManager } from '#lib/managers/asset-viewer-manager.svelte.ts';
@@ -34,8 +34,6 @@
   import { getPeopleThumbnailUrl } from '#lib/utils.ts';
   import { handleError } from '#lib/utils/handle-error.ts';
   import { normalizeSearchString } from '#lib/utils/string-utils.ts';
-  import { afterNavigate, goto, refreshAll } from '$app/navigation';
-  import { page } from '$app/state';
   import { AssetVisibility, searchPerson, updatePerson, type PersonResponseDto } from '@immich/sdk';
   import {
     ActionButton,
@@ -57,6 +55,8 @@
   import { DateTime } from 'luxon';
   import { onMount } from 'svelte';
   import { t } from 'svelte-i18n';
+  import { afterNavigate, goto, refreshAll } from '$app/navigation';
+  import { page } from '$app/state';
   import type { PageData } from './$types';
   import EditNameInput from './EditNameInput.svelte';
   import MergeFaceSelector from './MergeFaceSelector.svelte';
diff --git a/web/src/routes/(user)/people/[personId]/[[photos=photos]]/[[assetId=id]]/EditNameInput.svelte b/web/src/routes/(user)/people/[personId]/[[photos=photos]]/[[assetId=id]]/EditNameInput.svelte
index 5dc2dad4d..c0d651240 100644
--- a/web/src/routes/(user)/people/[personId]/[[photos=photos]]/[[assetId=id]]/EditNameInput.svelte
+++ b/web/src/routes/(user)/people/[personId]/[[photos=photos]]/[[assetId=id]]/EditNameInput.svelte
@@ -1,9 +1,9 @@
 <script lang="ts">
+  import ImageThumbnail from '#lib/components/assets/thumbnail/ImageThumbnail.svelte';
   import SearchPeople from '#lib/components/faces-page/PeopleSearch.svelte';
   import { type PersonResponseDto } from '@immich/sdk';
   import { Button } from '@immich/ui';
   import { t } from 'svelte-i18n';
-  import ImageThumbnail from '#lib/components/assets/thumbnail/ImageThumbnail.svelte';
 
   interface Props {
     person: PersonResponseDto;
diff --git a/web/src/routes/(user)/people/[personId]/[[photos=photos]]/[[assetId=id]]/FaceThumbnail.svelte b/web/src/routes/(user)/people/[personId]/[[photos=photos]]/[[assetId=id]]/FaceThumbnail.svelte
index 31eb2f1c2..03a62b6d2 100644
--- a/web/src/routes/(user)/people/[personId]/[[photos=photos]]/[[assetId=id]]/FaceThumbnail.svelte
+++ b/web/src/routes/(user)/people/[personId]/[[photos=photos]]/[[assetId=id]]/FaceThumbnail.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
+  import ImageThumbnail from '#lib/components/assets/thumbnail/ImageThumbnail.svelte';
   import { getPeopleThumbnailUrl } from '#lib/utils.ts';
   import { type PersonResponseDto } from '@immich/sdk';
-  import ImageThumbnail from '#lib/components/assets/thumbnail/ImageThumbnail.svelte';
 
   interface Props {
     person: PersonResponseDto;
diff --git a/web/src/routes/(user)/people/[personId]/[[photos=photos]]/[[assetId=id]]/MergeFaceSelector.svelte b/web/src/routes/(user)/people/[personId]/[[photos=photos]]/[[assetId=id]]/MergeFaceSelector.svelte
index 879c53000..0aad2bf0c 100644
--- a/web/src/routes/(user)/people/[personId]/[[photos=photos]]/[[assetId=id]]/MergeFaceSelector.svelte
+++ b/web/src/routes/(user)/people/[personId]/[[photos=photos]]/[[assetId=id]]/MergeFaceSelector.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-  import { goto } from '$app/navigation';
+  import ControlAppBar from '#lib/components/shared-components/ControlAppBar.svelte';
   import { Route } from '#lib/route.ts';
   import { handleError } from '#lib/utils/handle-error.ts';
   import { getAllPeople, getPerson, mergePeople, type PersonResponseDto } from '@immich/sdk';
@@ -10,7 +10,7 @@
   import { flip } from 'svelte/animate';
   import { quintOut } from 'svelte/easing';
   import { fly } from 'svelte/transition';
-  import ControlAppBar from '#lib/components/shared-components/ControlAppBar.svelte';
+  import { goto } from '$app/navigation';
   import FaceThumbnail from './FaceThumbnail.svelte';
   import PeopleList from './PeopleList.svelte';
 
diff --git a/web/src/routes/(user)/people/[personId]/[[photos=photos]]/[[assetId=id]]/PeopleList.svelte b/web/src/routes/(user)/people/[personId]/[[photos=photos]]/[[assetId=id]]/PeopleList.svelte
index 965a0a1b7..964f50706 100644
--- a/web/src/routes/(user)/people/[personId]/[[photos=photos]]/[[assetId=id]]/PeopleList.svelte
+++ b/web/src/routes/(user)/people/[personId]/[[photos=photos]]/[[assetId=id]]/PeopleList.svelte
@@ -1,10 +1,10 @@
 <script lang="ts">
   import SearchPeople from '#lib/components/faces-page/PeopleSearch.svelte';
   import { type PersonResponseDto } from '@immich/sdk';
+  import { IconButton } from '@immich/ui';
+  import { mdiSwapVertical } from '@mdi/js';
   import { t } from 'svelte-i18n';
   import FaceThumbnail from './FaceThumbnail.svelte';
-  import { mdiSwapVertical } from '@mdi/js';
-  import { IconButton } from '@immich/ui';
 
   interface Props {
     screenHeight: number;
diff --git a/web/src/routes/(user)/people/[personId]/[[photos=photos]]/[[assetId=id]]/UnmergeFaceSelector.svelte b/web/src/routes/(user)/people/[personId]/[[photos=photos]]/[[assetId=id]]/UnmergeFaceSelector.svelte
index 07b94367b..db0a60bee 100644
--- a/web/src/routes/(user)/people/[personId]/[[photos=photos]]/[[assetId=id]]/UnmergeFaceSelector.svelte
+++ b/web/src/routes/(user)/people/[personId]/[[photos=photos]]/[[assetId=id]]/UnmergeFaceSelector.svelte
@@ -1,4 +1,5 @@
 <script lang="ts">
+  import ControlAppBar from '#lib/components/shared-components/ControlAppBar.svelte';
   import { timeBeforeShowLoadingSpinner } from '#lib/constants.ts';
   import { handleError } from '#lib/utils/handle-error.ts';
   import {
@@ -14,7 +15,6 @@
   import { t } from 'svelte-i18n';
   import { quintOut } from 'svelte/easing';
   import { fly } from 'svelte/transition';
-  import ControlAppBar from '#lib/components/shared-components/ControlAppBar.svelte';
   import FaceThumbnail from './FaceThumbnail.svelte';
   import PeopleList from './PeopleList.svelte';
 
diff --git a/web/src/routes/(user)/people/manage/+page.svelte b/web/src/routes/(user)/people/manage/+page.svelte
index 3fdca691b..269090623 100644
--- a/web/src/routes/(user)/people/manage/+page.svelte
+++ b/web/src/routes/(user)/people/manage/+page.svelte
@@ -1,7 +1,5 @@
 <script lang="ts">
   import ImageThumbnail from '#lib/components/assets/thumbnail/ImageThumbnail.svelte';
-  import PeopleInfiniteScroll from '../PeopleInfiniteScroll.svelte';
-  import { goto } from '$app/navigation';
   import UserPageLayout from '#lib/components/layouts/UserPageLayout.svelte';
   import { ToggleVisibility } from '#lib/constants.ts';
   import { locale } from '#lib/stores/preferences.store.ts';
@@ -12,6 +10,8 @@
   import { mdiClose, mdiEye, mdiEyeOff, mdiEyeSettings, mdiRestart } from '@mdi/js';
   import { t } from 'svelte-i18n';
   import { SvelteMap } from 'svelte/reactivity';
+  import { goto } from '$app/navigation';
+  import PeopleInfiniteScroll from '../PeopleInfiniteScroll.svelte';
   import type { PageData } from './$types';
 
   interface Props {
diff --git a/web/src/routes/(user)/places/+page.svelte b/web/src/routes/(user)/places/+page.svelte
index 5f1a622e4..7b4528ba3 100644
--- a/web/src/routes/(user)/places/+page.svelte
+++ b/web/src/routes/(user)/places/+page.svelte
@@ -1,12 +1,11 @@
 <script lang="ts">
   import UserPageLayout from '#lib/components/layouts/UserPageLayout.svelte';
-  import PlacesControls from './PlacesControls.svelte';
-  import type { PageData } from './$types';
+  import { locale, placesViewSettings } from '#lib/stores/preferences.store.ts';
   import { type AssetResponseDto } from '@immich/sdk';
   import { t } from 'svelte-i18n';
-  import { locale } from '#lib/stores/preferences.store.ts';
+  import type { PageData } from './$types';
+  import PlacesControls from './PlacesControls.svelte';
   import Places from './PlacesList.svelte';
-  import { placesViewSettings } from '#lib/stores/preferences.store.ts';
 
   interface Props {
     data: PageData;
diff --git a/web/src/routes/(user)/places/PlacesCardGroup.svelte b/web/src/routes/(user)/places/PlacesCardGroup.svelte
index 02af938f5..8fb60306a 100644
--- a/web/src/routes/(user)/places/PlacesCardGroup.svelte
+++ b/web/src/routes/(user)/places/PlacesCardGroup.svelte
@@ -2,7 +2,7 @@
   import { Route } from '#lib/route.ts';
   import { placesViewSettings } from '#lib/stores/preferences.store.ts';
   import { getAssetMediaUrl } from '#lib/utils.ts';
-  import { type PlacesGroup, isPlacesGroupCollapsed, togglePlacesGroupCollapsing } from '#lib/utils/places-utils.ts';
+  import { isPlacesGroupCollapsed, togglePlacesGroupCollapsing, type PlacesGroup } from '#lib/utils/places-utils.ts';
   import { AssetMediaSize, type AssetResponseDto } from '@immich/sdk';
   import { Icon } from '@immich/ui';
   import { mdiChevronRight } from '@mdi/js';
diff --git a/web/src/routes/(user)/places/PlacesList.svelte b/web/src/routes/(user)/places/PlacesList.svelte
index dec579c6d..a8a0c5639 100644
--- a/web/src/routes/(user)/places/PlacesList.svelte
+++ b/web/src/routes/(user)/places/PlacesList.svelte
@@ -1,14 +1,13 @@
 <script lang="ts">
   import { PlacesGroupBy, type PlacesViewSettings } from '#lib/stores/preferences.store.ts';
+  import { type PlacesGroup } from '#lib/utils/places-utils.ts';
   import { normalizeSearchString } from '#lib/utils/string-utils.ts';
   import { type AssetResponseDto } from '@immich/sdk';
+  import { Icon } from '@immich/ui';
   import { mdiMapMarkerOff } from '@mdi/js';
   import { groupBy } from 'lodash-es';
-  import PlacesCardGroup from './PlacesCardGroup.svelte';
-
-  import { type PlacesGroup } from '#lib/utils/places-utils.ts';
-  import { Icon } from '@immich/ui';
   import { t } from 'svelte-i18n';
+  import PlacesCardGroup from './PlacesCardGroup.svelte';
 
   interface Props {
     places?: AssetResponseDto[];
diff --git a/web/src/routes/(user)/recently-added/[[photos=photos]]/[[assetId=id]]/+page.svelte b/web/src/routes/(user)/recently-added/[[photos=photos]]/[[assetId=id]]/+page.svelte
index cafa4c6f8..665e1bbc6 100644
--- a/web/src/routes/(user)/recently-added/[[photos=photos]]/[[assetId=id]]/+page.svelte
+++ b/web/src/routes/(user)/recently-added/[[photos=photos]]/[[assetId=id]]/+page.svelte
@@ -1,8 +1,10 @@
 <script lang="ts">
   import ActionMenuItem from '#lib/components/ActionMenuItem.svelte';
   import UserPageLayout from '#lib/components/layouts/UserPageLayout.svelte';
-  import ButtonContextMenu from '#lib/components/shared-components/context-menu/ButtonContextMenu.svelte';
   import EmptyPlaceholder from '#lib/components/shared-components/EmptyPlaceholder.svelte';
+  import ButtonContextMenu from '#lib/components/shared-components/context-menu/ButtonContextMenu.svelte';
+  import AssetSelectControlBar from '#lib/components/timeline/AssetSelectControlBar.svelte';
+  import Timeline from '#lib/components/timeline/Timeline.svelte';
   import ChangeDate from '#lib/components/timeline/actions/ChangeDateAction.svelte';
   import ChangeDescription from '#lib/components/timeline/actions/ChangeDescriptionAction.svelte';
   import ChangeLocation from '#lib/components/timeline/actions/ChangeLocationAction.svelte';
@@ -12,21 +14,19 @@
   import LinkLivePhotoAction from '#lib/components/timeline/actions/LinkLivePhotoAction.svelte';
   import SelectAllAssets from '#lib/components/timeline/actions/SelectAllAction.svelte';
   import SetVisibilityAction from '#lib/components/timeline/actions/SetVisibilityAction.svelte';
-  import AssetSelectControlBar from '#lib/components/timeline/AssetSelectControlBar.svelte';
-  import Timeline from '#lib/components/timeline/Timeline.svelte';
   import { AssetAction } from '#lib/constants.ts';
   import { assetMultiSelectManager } from '#lib/managers/asset-multi-select-manager.svelte.ts';
   import { assetViewerManager } from '#lib/managers/asset-viewer-manager.svelte.ts';
   import { TimelineManager } from '#lib/managers/timeline-manager/timeline-manager.svelte.ts';
   import { getAssetBulkActions } from '#lib/services/asset.service.ts';
+  import { getStackBulkActions } from '#lib/services/stack.service.ts';
   import { type OnLink, type OnUnlink } from '#lib/utils/actions.ts';
   import { openFileUploadDialog } from '#lib/utils/file-uploader.ts';
-  import { AssetVisibility, AssetOrderBy } from '@immich/sdk';
+  import { AssetOrderBy, AssetVisibility } from '@immich/sdk';
   import { ActionButton, CommandPaletteDefaultProvider } from '@immich/ui';
   import { mdiDotsVertical } from '@mdi/js';
   import { t } from 'svelte-i18n';
   import type { PageData } from './$types';
-  import { getStackBulkActions } from '#lib/services/stack.service.ts';
 
   type Props = {
     data: PageData;
diff --git a/web/src/routes/(user)/search/[[photos=photos]]/[[assetId=id]]/+page.svelte b/web/src/routes/(user)/search/[[photos=photos]]/[[assetId=id]]/+page.svelte
index 0bcde57b3..100c26124 100644
--- a/web/src/routes/(user)/search/[[photos=photos]]/[[assetId=id]]/+page.svelte
+++ b/web/src/routes/(user)/search/[[photos=photos]]/[[assetId=id]]/+page.svelte
@@ -1,12 +1,11 @@
 <script lang="ts">
-  import { afterNavigate, goto } from '$app/navigation';
-  import { page } from '$app/state';
   import ActionMenuItem from '#lib/components/ActionMenuItem.svelte';
   import OnEvents from '#lib/components/OnEvents.svelte';
-  import ButtonContextMenu from '#lib/components/shared-components/context-menu/ButtonContextMenu.svelte';
   import ControlAppBar from '#lib/components/shared-components/ControlAppBar.svelte';
+  import ButtonContextMenu from '#lib/components/shared-components/context-menu/ButtonContextMenu.svelte';
   import GalleryViewer from '#lib/components/shared-components/gallery-viewer/GalleryViewer.svelte';
   import SearchBar from '#lib/components/shared-components/search-bar/SearchBar.svelte';
+  import AssetSelectControlBar from '#lib/components/timeline/AssetSelectControlBar.svelte';
   import ChangeDate from '#lib/components/timeline/actions/ChangeDateAction.svelte';
   import ChangeDescription from '#lib/components/timeline/actions/ChangeDescriptionAction.svelte';
   import ChangeLocation from '#lib/components/timeline/actions/ChangeLocationAction.svelte';
@@ -14,11 +13,12 @@
   import DownloadAction from '#lib/components/timeline/actions/DownloadAction.svelte';
   import FavoriteAction from '#lib/components/timeline/actions/FavoriteAction.svelte';
   import SetVisibilityAction from '#lib/components/timeline/actions/SetVisibilityAction.svelte';
-  import AssetSelectControlBar from '#lib/components/timeline/AssetSelectControlBar.svelte';
   import { QueryParameter } from '#lib/constants.ts';
   import { assetMultiSelectManager } from '#lib/managers/asset-multi-select-manager.svelte.ts';
   import { searchManager } from '#lib/managers/search-manager.svelte.ts';
   import type { TimelineAsset, Viewport } from '#lib/managers/timeline-manager/types.ts';
+  import { createPreloadedQuery } from '#lib/queries/client.ts';
+  import { getUserConfigQuery } from '#lib/queries/config-user.query.ts';
   import { Route } from '#lib/route.ts';
   import { getAssetBulkActions } from '#lib/services/asset.service.ts';
   import { lang, locale } from '#lib/stores/preferences.store.ts';
@@ -28,22 +28,22 @@
   import { isAlbumsRoute, isPeopleRoute } from '#lib/utils/navigation.ts';
   import { toTimelineAsset } from '#lib/utils/timeline-util.ts';
   import {
-    type AlbumResponseDto,
-    type AssetResponseDto,
     AssetVisibility,
     getPerson,
     getTagById,
-    type MetadataSearchDto,
     searchAssets,
     searchSmart,
+    type AlbumResponseDto,
+    type AssetResponseDto,
+    type MetadataSearchDto,
     type SmartSearchDto,
   } from '@immich/sdk';
   import { ActionButton, CommandPaletteDefaultProvider, Icon, IconButton, LoadingSpinner } from '@immich/ui';
   import { mdiArrowLeft, mdiClose, mdiDotsVertical, mdiImageOffOutline, mdiSelectAll } from '@mdi/js';
   import { onMount, tick, untrack } from 'svelte';
   import { t } from 'svelte-i18n';
-  import { createPreloadedQuery } from '#lib/queries/client.ts';
-  import { getUserConfigQuery } from '#lib/queries/config-user.query.ts';
+  import { afterNavigate, goto } from '$app/navigation';
+  import { page } from '$app/state';
 
   const query = createPreloadedQuery(getUserConfigQuery);
   const config = $derived(query.data);
diff --git a/web/src/routes/(user)/shared-links/(list)/+layout.svelte b/web/src/routes/(user)/shared-links/(list)/+layout.svelte
index 22438075a..cec4b91a1 100644
--- a/web/src/routes/(user)/shared-links/(list)/+layout.svelte
+++ b/web/src/routes/(user)/shared-links/(list)/+layout.svelte
@@ -1,18 +1,18 @@
 <script lang="ts">
-  import { goto } from '$app/navigation';
-  import { page, type ReadonlyURLSearchParams } from '$app/state';
   import UserPageLayout from '#lib/components/layouts/UserPageLayout.svelte';
-  import SharedLinkCard from './SharedLinkCard.svelte';
   import { type SharedLinkTab } from '#lib/constants.ts';
   import GroupTab from '#lib/elements/GroupTab.svelte';
-  import { Route } from '#lib/route.ts';
   import { createPreloadedQuery } from '#lib/queries/client.ts';
   import { getAllSharedLinksQuery } from '#lib/queries/shared-link.query.ts';
+  import { Route } from '#lib/route.ts';
   import { SharedLinkType } from '@immich/sdk';
   import { Container } from '@immich/ui';
   import { type Snippet } from 'svelte';
   import { t } from 'svelte-i18n';
+  import { goto } from '$app/navigation';
+  import { page, type ReadonlyURLSearchParams } from '$app/state';
   import type { LayoutData } from './$types';
+  import SharedLinkCard from './SharedLinkCard.svelte';
 
   type Props = {
     children?: Snippet;
diff --git a/web/src/routes/(user)/shared-links/(list)/SharedLinkCard.svelte b/web/src/routes/(user)/shared-links/(list)/SharedLinkCard.svelte
index 273b840a9..824fa348d 100644
--- a/web/src/routes/(user)/shared-links/(list)/SharedLinkCard.svelte
+++ b/web/src/routes/(user)/shared-links/(list)/SharedLinkCard.svelte
@@ -1,5 +1,4 @@
 <script lang="ts">
-  import ShareCover from './ShareCover.svelte';
   import { Route } from '#lib/route.ts';
   import { getSharedLinkActions } from '#lib/services/shared-link.service.ts';
   import { locale } from '#lib/stores/preferences.store.ts';
@@ -7,6 +6,7 @@
   import { ActionButton, ContextMenuButton, MenuItemType, Text } from '@immich/ui';
   import { DateTime, type ToRelativeUnit } from 'luxon';
   import { t } from 'svelte-i18n';
+  import ShareCover from './ShareCover.svelte';
 
   interface Props {
     sharedLink: SharedLinkResponseDto;
diff --git a/web/src/routes/(user)/shared-links/(list)/[id]/edit/+page.svelte b/web/src/routes/(user)/shared-links/(list)/[id]/edit/+page.svelte
index fe1c15b76..9e3520535 100644
--- a/web/src/routes/(user)/shared-links/(list)/[id]/edit/+page.svelte
+++ b/web/src/routes/(user)/shared-links/(list)/[id]/edit/+page.svelte
@@ -1,13 +1,13 @@
 <script lang="ts">
-  import { goto } from '$app/navigation';
   import SharedLinkFormFields from '#lib/components/SharedLinkFormFields.svelte';
-  import { Route } from '#lib/route.ts';
   import { createPreloadedQuery, executeMutation } from '#lib/queries/client.ts';
   import { getSharedLinkQuery, updateSharedLinkMutation } from '#lib/queries/shared-link.query.ts';
+  import { Route } from '#lib/route.ts';
   import { SharedLinkType } from '@immich/sdk';
   import { FormModal } from '@immich/ui';
   import { mdiLink } from '@mdi/js';
   import { t } from 'svelte-i18n';
+  import { goto } from '$app/navigation';
   import type { PageProps } from './$types';
 
   const { params }: PageProps = $props();
diff --git a/web/src/routes/(user)/tags/[[photos=photos]]/[[assetId=id]]/+page.svelte b/web/src/routes/(user)/tags/[[photos=photos]]/[[assetId=id]]/+page.svelte
index 422968461..617c8ff2b 100644
--- a/web/src/routes/(user)/tags/[[photos=photos]]/[[assetId=id]]/+page.svelte
+++ b/web/src/routes/(user)/tags/[[photos=photos]]/[[assetId=id]]/+page.svelte
@@ -1,5 +1,4 @@
 <script lang="ts">
-  import { goto } from '$app/navigation';
   import ActionMenuItem from '#lib/components/ActionMenuItem.svelte';
   import OnEvents from '#lib/components/OnEvents.svelte';
   import UserPageLayout, { headerId } from '#lib/components/layouts/UserPageLayout.svelte';
@@ -25,11 +24,12 @@
   import { Route } from '#lib/route.ts';
   import { getAssetBulkActions } from '#lib/services/asset.service.ts';
   import { getTagActions } from '#lib/services/tag.service.ts';
-  import { joinPaths, TreeNode } from '#lib/utils/tree-utils.ts';
+  import { TreeNode, joinPaths } from '#lib/utils/tree-utils.ts';
   import { getAllTags, type TagResponseDto } from '@immich/sdk';
   import { ActionButton, CommandPaletteDefaultProvider, Text } from '@immich/ui';
   import { mdiDotsVertical, mdiTag, mdiTagMultiple } from '@mdi/js';
   import { t } from 'svelte-i18n';
+  import { goto } from '$app/navigation';
   import type { PageData } from './$types';
 
   interface Props {
diff --git a/web/src/routes/(user)/trash/[[photos=photos]]/[[assetId=id]]/+page.svelte b/web/src/routes/(user)/trash/[[photos=photos]]/[[assetId=id]]/+page.svelte
index 748ad2a94..60caa4967 100644
--- a/web/src/routes/(user)/trash/[[photos=photos]]/[[assetId=id]]/+page.svelte
+++ b/web/src/routes/(user)/trash/[[photos=photos]]/[[assetId=id]]/+page.svelte
@@ -1,22 +1,22 @@
 <script lang="ts">
-  import { goto } from '$app/navigation';
   import empty3Url from '#lib/assets/empty-3.svg';
   import UserPageLayout from '#lib/components/layouts/UserPageLayout.svelte';
   import EmptyPlaceholder from '#lib/components/shared-components/EmptyPlaceholder.svelte';
-  import DeleteAssets from '#lib/components/timeline/actions/DeleteAssetsAction.svelte';
-  import RestoreAssets from './RestoreAction.svelte';
-  import SelectAllAssets from '#lib/components/timeline/actions/SelectAllAction.svelte';
   import AssetSelectControlBar from '#lib/components/timeline/AssetSelectControlBar.svelte';
   import Timeline from '#lib/components/timeline/Timeline.svelte';
+  import DeleteAssets from '#lib/components/timeline/actions/DeleteAssetsAction.svelte';
+  import SelectAllAssets from '#lib/components/timeline/actions/SelectAllAction.svelte';
   import { assetMultiSelectManager } from '#lib/managers/asset-multi-select-manager.svelte.ts';
   import { TimelineManager } from '#lib/managers/timeline-manager/timeline-manager.svelte.ts';
+  import { createPreloadedQuery } from '#lib/queries/client.ts';
+  import { getUserConfigQuery } from '#lib/queries/config-user.query.ts';
   import { Route } from '#lib/route.ts';
   import { getTrashActions } from '#lib/services/trash.service.ts';
   import { handlePromiseError } from '#lib/utils.ts';
   import { t } from 'svelte-i18n';
+  import { goto } from '$app/navigation';
   import type { PageData } from './$types';
-  import { createPreloadedQuery } from '#lib/queries/client.ts';
-  import { getUserConfigQuery } from '#lib/queries/config-user.query.ts';
+  import RestoreAssets from './RestoreAction.svelte';
 
   const query = createPreloadedQuery(getUserConfigQuery);
   const config = $derived(query.data);
diff --git a/web/src/routes/(user)/user-settings/+page.svelte b/web/src/routes/(user)/user-settings/+page.svelte
index 395d223b8..61f5d12b4 100644
--- a/web/src/routes/(user)/user-settings/+page.svelte
+++ b/web/src/routes/(user)/user-settings/+page.svelte
@@ -1,10 +1,10 @@
 <script lang="ts">
   import UserPageLayout from '#lib/components/layouts/UserPageLayout.svelte';
-  import UserSettingsList from './UserSettingsList.svelte';
   import { getKeyboardActions } from '#lib/services/keyboard.service.ts';
   import { Container } from '@immich/ui';
   import { t } from 'svelte-i18n';
   import type { PageData } from './$types';
+  import UserSettingsList from './UserSettingsList.svelte';
 
   type Props = {
     data: PageData;
diff --git a/web/src/routes/(user)/user-settings/AppSettings.svelte b/web/src/routes/(user)/user-settings/AppSettings.svelte
index fce270dbb..883e6ceef 100644
--- a/web/src/routes/(user)/user-settings/AppSettings.svelte
+++ b/web/src/routes/(user)/user-settings/AppSettings.svelte
@@ -1,6 +1,5 @@
 <script lang="ts">
   import type { ComboBoxOption } from '#lib/components/shared-components/Combobox.svelte';
-  import SettingCombobox from './SettingCombobox.svelte';
   import SettingsLanguageSelector from '#lib/components/shared-components/settings/SettingsLanguageSelector.svelte';
   import { fallbackLocale, locales } from '#lib/constants.ts';
   import {
@@ -13,10 +12,11 @@
     showDeleteModal,
   } from '#lib/stores/preferences.store.ts';
   import { createDateFormatter, findLocale } from '#lib/utils.ts';
-  import { Field, Switch, Text, Theme, themeManager, ThemePreference } from '@immich/ui';
+  import { Field, Switch, Text, Theme, ThemePreference, themeManager } from '@immich/ui';
   import { onMount } from 'svelte';
   import { t } from 'svelte-i18n';
   import { fade } from 'svelte/transition';
+  import SettingCombobox from './SettingCombobox.svelte';
 
   let time = $state(new Date());
 
diff --git a/web/src/routes/(user)/user-settings/DeviceList.svelte b/web/src/routes/(user)/user-settings/DeviceList.svelte
index aa4d39b19..544182063 100644
--- a/web/src/routes/(user)/user-settings/DeviceList.svelte
+++ b/web/src/routes/(user)/user-settings/DeviceList.svelte
@@ -1,11 +1,11 @@
 <script lang="ts">
+  import DeviceCard from '#lib/components/user-settings-page/DeviceCard.svelte';
   import { createPreloadedQuery, executeMutation } from '#lib/queries/client.ts';
   import { deleteAllSessionsMutation, deleteSessionMutation, getSessionsQuery } from '#lib/queries/session.query.ts';
   import { type SessionResponseDto } from '@immich/sdk';
-  import { Button, modalManager, Text } from '@immich/ui';
+  import { Button, Text, modalManager } from '@immich/ui';
   import { t } from 'svelte-i18n';
   import { fade } from 'svelte/transition';
-  import DeviceCard from '#lib/components/user-settings-page/DeviceCard.svelte';
 
   const query = createPreloadedQuery(getSessionsQuery);
   const devices = $derived(query.data);
diff --git a/web/src/routes/(user)/user-settings/FeatureSettings.svelte b/web/src/routes/(user)/user-settings/FeatureSettings.svelte
index eecc6e283..67d012256 100644
--- a/web/src/routes/(user)/user-settings/FeatureSettings.svelte
+++ b/web/src/routes/(user)/user-settings/FeatureSettings.svelte
@@ -1,13 +1,13 @@
 <script lang="ts">
   import SettingAccordion from '#lib/components/shared-components/settings/SettingAccordion.svelte';
   import { authManager } from '#lib/managers/auth-manager.svelte.ts';
+  import { createPreloadedQuery } from '#lib/queries/client.ts';
+  import { getUserConfigQuery } from '#lib/queries/config-user.query.ts';
   import { handleError } from '#lib/utils/handle-error.ts';
   import { AssetOrder, PersonUpdateStrategy, updateMyPreferences } from '@immich/sdk';
   import { Button, Field, NumberInput, Select, Switch, toastManager } from '@immich/ui';
   import { t } from 'svelte-i18n';
   import { fade } from 'svelte/transition';
-  import { createPreloadedQuery } from '#lib/queries/client.ts';
-  import { getUserConfigQuery } from '#lib/queries/config-user.query.ts';
 
   const query = createPreloadedQuery(getUserConfigQuery);
   const config = $derived(query.data);
diff --git a/web/src/routes/(user)/user-settings/OAuthSettings.svelte b/web/src/routes/(user)/user-settings/OAuthSettings.svelte
index 28edf2957..de6ca2b34 100644
--- a/web/src/routes/(user)/user-settings/OAuthSettings.svelte
+++ b/web/src/routes/(user)/user-settings/OAuthSettings.svelte
@@ -1,14 +1,14 @@
 <script lang="ts">
-  import { goto } from '$app/navigation';
   import { authManager } from '#lib/managers/auth-manager.svelte.ts';
+  import { createPreloadedQuery } from '#lib/queries/client.ts';
+  import { getUserConfigQuery } from '#lib/queries/config-user.query.ts';
   import { oauth } from '#lib/utils.ts';
   import { handleError } from '#lib/utils/handle-error.ts';
   import { Button, LoadingSpinner, toastManager } from '@immich/ui';
   import { onMount } from 'svelte';
   import { t } from 'svelte-i18n';
   import { fade } from 'svelte/transition';
-  import { createPreloadedQuery } from '#lib/queries/client.ts';
-  import { getUserConfigQuery } from '#lib/queries/config-user.query.ts';
+  import { goto } from '$app/navigation';
 
   const query = createPreloadedQuery(getUserConfigQuery);
   const config = $derived(query.data);
diff --git a/web/src/routes/(user)/user-settings/PinCodeChangeForm.svelte b/web/src/routes/(user)/user-settings/PinCodeChangeForm.svelte
index fcbe912b3..b115c2993 100644
--- a/web/src/routes/(user)/user-settings/PinCodeChangeForm.svelte
+++ b/web/src/routes/(user)/user-settings/PinCodeChangeForm.svelte
@@ -2,7 +2,7 @@
   import PinCodeResetModal from '#lib/modals/PinCodeResetModal.svelte';
   import { handleError } from '#lib/utils/handle-error.ts';
   import { changePinCode } from '@immich/sdk';
-  import { Button, Field, Heading, modalManager, PinInput, Text, toastManager } from '@immich/ui';
+  import { Button, Field, Heading, PinInput, Text, modalManager, toastManager } from '@immich/ui';
   import { t } from 'svelte-i18n';
 
   let currentPinCode = $state('');
diff --git a/web/src/routes/(user)/user-settings/PinCodeSettings.svelte b/web/src/routes/(user)/user-settings/PinCodeSettings.svelte
index 2672d94dd..0fefa554b 100644
--- a/web/src/routes/(user)/user-settings/PinCodeSettings.svelte
+++ b/web/src/routes/(user)/user-settings/PinCodeSettings.svelte
@@ -1,10 +1,10 @@
 <script lang="ts">
   import OnEvents from '#lib/components/OnEvents.svelte';
-  import PinCodeChangeForm from './PinCodeChangeForm.svelte';
   import PinCodeCreateForm from '#lib/components/user-settings-page/PinCodeCreateForm.svelte';
   import { getAuthStatus } from '@immich/sdk';
   import { onMount } from 'svelte';
   import { fade } from 'svelte/transition';
+  import PinCodeChangeForm from './PinCodeChangeForm.svelte';
 
   let hasPinCode = $state(false);
 
diff --git a/web/src/routes/(user)/user-settings/SharingSettings.svelte b/web/src/routes/(user)/user-settings/SharingSettings.svelte
index 72a0dd42d..cadc1573c 100644
--- a/web/src/routes/(user)/user-settings/SharingSettings.svelte
+++ b/web/src/routes/(user)/user-settings/SharingSettings.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
+  import UserAvatar from '#lib/components/shared-components/UserAvatar.svelte';
   import SettingAccordion from '#lib/components/shared-components/settings/SettingAccordion.svelte';
   import SettingSwitch from '#lib/components/shared-components/settings/SettingSwitch.svelte';
-  import UserAvatar from '#lib/components/shared-components/UserAvatar.svelte';
   import { authManager } from '#lib/managers/auth-manager.svelte.ts';
   import ClusterGroupUserSelectionModal from '#lib/modals/ClusterGroupUserSelectionModal.svelte';
   import ClusterGroupUsersModal from '#lib/modals/ClusterGroupUsersModal.svelte';
@@ -9,6 +9,7 @@
   import { getPeopleUserActions } from '#lib/services/person-user.service.ts';
   import { handleError } from '#lib/utils/handle-error.ts';
   import {
+    PartnerDirection,
     acceptClusterGroupRequest,
     clusterGroupRegeneratePeople,
     createClusterGroupRequest,
@@ -20,7 +21,6 @@
     getMyUser,
     getPartners,
     leaveClusterGroup,
-    PartnerDirection,
     removePartner,
     searchUsers,
     updatePartner,
@@ -28,7 +28,7 @@
     type PartnerResponseDto,
     type UserResponseDto,
   } from '@immich/sdk';
-  import { ActionButton, Button, Card, CardBody, HStack, Icon, IconButton, modalManager, Text } from '@immich/ui';
+  import { ActionButton, Button, Card, CardBody, HStack, Icon, IconButton, Text, modalManager } from '@immich/ui';
   import { mdiCheck, mdiClose } from '@mdi/js';
   import { onMount } from 'svelte';
   import { t } from 'svelte-i18n';
diff --git a/web/src/routes/(user)/user-settings/UserPurchaseSettings.svelte b/web/src/routes/(user)/user-settings/UserPurchaseSettings.svelte
index 37989eb0d..bfb1244c1 100644
--- a/web/src/routes/(user)/user-settings/UserPurchaseSettings.svelte
+++ b/web/src/routes/(user)/user-settings/UserPurchaseSettings.svelte
@@ -1,12 +1,10 @@
 <script lang="ts">
-  import { fade } from 'svelte/transition';
-
   import PurchaseContent from '#lib/components/shared-components/purchasing/PurchaseContent.svelte';
   import SettingSwitch from '#lib/components/shared-components/settings/SettingSwitch.svelte';
   import { dateFormats } from '#lib/constants.ts';
   import { authManager } from '#lib/managers/auth-manager.svelte.ts';
-  import { getAboutInfoQuery } from '#lib/queries/server-info.query.ts';
   import { queryClient } from '#lib/queries/client.ts';
+  import { getAboutInfoQuery } from '#lib/queries/server-info.query.ts';
   import { locale } from '#lib/stores/preferences.store.ts';
   import { handleError } from '#lib/utils/handle-error.ts';
   import { setSupportBadgeVisibility } from '#lib/utils/purchase-utils.ts';
@@ -22,6 +20,7 @@
   import { mdiKey } from '@mdi/js';
   import { onMount } from 'svelte';
   import { t } from 'svelte-i18n';
+  import { fade } from 'svelte/transition';
 
   let isServerProduct = $state(false);
   let serverPurchaseInfo: LicenseResponseDto | null = $state(null);
diff --git a/web/src/routes/(user)/user-settings/UserSettingsList.svelte b/web/src/routes/(user)/user-settings/UserSettingsList.svelte
index 070a5c204..17c3898f7 100644
--- a/web/src/routes/(user)/user-settings/UserSettingsList.svelte
+++ b/web/src/routes/(user)/user-settings/UserSettingsList.svelte
@@ -1,12 +1,8 @@
 <script lang="ts">
-  import { page } from '$app/state';
-  import ChangePinCodeSettings from './PinCodeSettings.svelte';
-  import DownloadSettings from './DownloadSettings.svelte';
-  import FeatureSettings from './FeatureSettings.svelte';
-  import NotificationsSettings from './NotificationsSettings.svelte';
-  import UserPurchaseSettings from './UserPurchaseSettings.svelte';
-  import UserUsageStatistic from './UserUsageStatistic.svelte';
+  import SettingAccordion from '#lib/components/shared-components/settings/SettingAccordion.svelte';
   import { OpenQueryParam, QueryParameter } from '#lib/constants.ts';
+  import { createPreloadedQuery } from '#lib/queries/client.ts';
+  import { getUserConfigQuery } from '#lib/queries/config-user.query.ts';
   import { oauth } from '#lib/utils.ts';
   import {
     mdiAccountGroupOutline,
@@ -25,18 +21,22 @@
     mdiTwoFactorAuthentication,
   } from '@mdi/js';
   import { t } from 'svelte-i18n';
-  import SettingAccordion from '#lib/components/shared-components/settings/SettingAccordion.svelte';
+  import { page } from '$app/state';
   import AppSettings from './AppSettings.svelte';
   import AppUpdateSettings from './AppUpdateSettings.svelte';
   import ChangePasswordSettings from './ChangePasswordSettings.svelte';
   import DeviceList from './DeviceList.svelte';
+  import DownloadSettings from './DownloadSettings.svelte';
+  import FeatureSettings from './FeatureSettings.svelte';
+  import NotificationsSettings from './NotificationsSettings.svelte';
   import OAuthSettings from './OAuthSettings.svelte';
+  import ChangePinCodeSettings from './PinCodeSettings.svelte';
   import SharingSettings from './SharingSettings.svelte';
   import UserApiKeyList from './UserApiKeyList.svelte';
   import UserPasskeyList from './UserPasskeyList.svelte';
   import UserProfileSettings from './UserProfileSettings.svelte';
-  import { createPreloadedQuery } from '#lib/queries/client.ts';
-  import { getUserConfigQuery } from '#lib/queries/config-user.query.ts';
+  import UserPurchaseSettings from './UserPurchaseSettings.svelte';
+  import UserUsageStatistic from './UserUsageStatistic.svelte';
 
   const query = createPreloadedQuery(getUserConfigQuery);
   const config = $derived(query.data);
diff --git a/web/src/routes/(user)/utilities/UtilitiesMenu.svelte b/web/src/routes/(user)/utilities/UtilitiesMenu.svelte
index 2cfbcfe43..51e4617c5 100644
--- a/web/src/routes/(user)/utilities/UtilitiesMenu.svelte
+++ b/web/src/routes/(user)/utilities/UtilitiesMenu.svelte
@@ -2,7 +2,7 @@
   import AppDownloadModal from '#lib/modals/AppDownloadModal.svelte';
   import ObtainiumConfigModal from '#lib/modals/ObtainiumConfigModal.svelte';
   import { Route } from '#lib/route.ts';
-  import { Icon, modalManager, Text } from '@immich/ui';
+  import { Icon, Text, modalManager } from '@immich/ui';
   import {
     mdiCellphoneArrowDownVariant,
     mdiContentDuplicate,
diff --git a/web/src/routes/(user)/utilities/duplicates/[[photos=photos]]/[[assetId=id]]/+page.svelte b/web/src/routes/(user)/utilities/duplicates/[[photos=photos]]/[[assetId=id]]/+page.svelte
index d106a3bb9..3650e6429 100644
--- a/web/src/routes/(user)/utilities/duplicates/[[photos=photos]]/[[assetId=id]]/+page.svelte
+++ b/web/src/routes/(user)/utilities/duplicates/[[photos=photos]]/[[assetId=id]]/+page.svelte
@@ -1,19 +1,16 @@
 <script lang="ts">
-  import { goto } from '$app/navigation';
-  import { page } from '$app/state';
   import { shortcuts } from '#lib/actions/shortcut.ts';
   import UserPageLayout from '#lib/components/layouts/UserPageLayout.svelte';
-  import LinkToDocs from './LinkToDocs.svelte';
-  import DuplicatesCompareControl from './DuplicatesCompareControl.svelte';
   import { assetViewerManager } from '#lib/managers/asset-viewer-manager.svelte.ts';
   import { languageManager } from '#lib/managers/language-manager.svelte.ts';
   import ShortcutsModal from '#lib/modals/ShortcutsModal.svelte';
+  import { createPreloadedQuery } from '#lib/queries/client.ts';
+  import { getUserConfigQuery } from '#lib/queries/config-user.query.ts';
   import { Route } from '#lib/route.ts';
   import { locale } from '#lib/stores/preferences.store.ts';
   import { handleError } from '#lib/utils/handle-error.ts';
-  import type { AssetResponseDto } from '@immich/sdk';
-  import { createStack, deleteDuplicates, resolveDuplicates, updateAssets } from '@immich/sdk';
-  import { Button, HStack, IconButton, modalManager, Text, toastManager } from '@immich/ui';
+  import { createStack, deleteDuplicates, resolveDuplicates, updateAssets, type AssetResponseDto } from '@immich/sdk';
+  import { Button, HStack, IconButton, Text, modalManager, toastManager } from '@immich/ui';
   import {
     mdiCheckOutline,
     mdiChevronLeft,
@@ -24,9 +21,11 @@
     mdiTrashCanOutline,
   } from '@mdi/js';
   import { t } from 'svelte-i18n';
+  import { goto } from '$app/navigation';
+  import { page } from '$app/state';
   import type { PageData } from './$types';
-  import { createPreloadedQuery } from '#lib/queries/client.ts';
-  import { getUserConfigQuery } from '#lib/queries/config-user.query.ts';
+  import DuplicatesCompareControl from './DuplicatesCompareControl.svelte';
+  import LinkToDocs from './LinkToDocs.svelte';
 
   const query = createPreloadedQuery(getUserConfigQuery);
   const config = $derived(query.data);
diff --git a/web/src/routes/(user)/utilities/duplicates/[[photos=photos]]/[[assetId=id]]/DuplicateAsset.svelte b/web/src/routes/(user)/utilities/duplicates/[[photos=photos]]/[[assetId=id]]/DuplicateAsset.svelte
index 4cd21dbe5..c79bd7e2e 100644
--- a/web/src/routes/(user)/utilities/duplicates/[[photos=photos]]/[[assetId=id]]/DuplicateAsset.svelte
+++ b/web/src/routes/(user)/utilities/duplicates/[[photos=photos]]/[[assetId=id]]/DuplicateAsset.svelte
@@ -1,10 +1,10 @@
 <script lang="ts">
+  import { getAlbumsByAssetQuery } from '#lib/queries/album.query.ts';
   import { lang, locale } from '#lib/stores/preferences.store.ts';
   import { getAssetMediaUrl } from '#lib/utils.ts';
   import { getAllMetadataItems, type DifferingMetadataFields } from '#lib/utils/duplicate-utils.ts';
   import { getAltText } from '#lib/utils/thumbnail-util.ts';
   import { toTimelineAsset } from '#lib/utils/timeline-util.ts';
-  import { getAlbumsByAssetQuery } from '#lib/queries/album.query.ts';
   import { type AssetResponseDto } from '@immich/sdk';
   import { Icon } from '@immich/ui';
   import { mdiBookmarkOutline, mdiHeart, mdiImageMultipleOutline, mdiMagnifyPlus } from '@mdi/js';
diff --git a/web/src/routes/(user)/utilities/duplicates/[[photos=photos]]/[[assetId=id]]/DuplicatesCompareControl.svelte b/web/src/routes/(user)/utilities/duplicates/[[photos=photos]]/[[assetId=id]]/DuplicatesCompareControl.svelte
index 96fd166b6..94428da4b 100644
--- a/web/src/routes/(user)/utilities/duplicates/[[photos=photos]]/[[assetId=id]]/DuplicatesCompareControl.svelte
+++ b/web/src/routes/(user)/utilities/duplicates/[[photos=photos]]/[[assetId=id]]/DuplicatesCompareControl.svelte
@@ -1,6 +1,5 @@
 <script lang="ts">
   import { shortcuts } from '#lib/actions/shortcut.ts';
-  import DuplicateAsset from './DuplicateAsset.svelte';
   import Portal from '#lib/elements/Portal.svelte';
   import { assetViewerManager } from '#lib/managers/asset-viewer-manager.svelte.ts';
   import { authManager } from '#lib/managers/auth-manager.svelte.ts';
@@ -18,6 +17,7 @@
   import { onDestroy, onMount } from 'svelte';
   import { t } from 'svelte-i18n';
   import { SvelteSet } from 'svelte/reactivity';
+  import DuplicateAsset from './DuplicateAsset.svelte';
 
   interface Props {
     assets: AssetResponseDto[];
diff --git a/web/src/routes/(user)/utilities/geolocation/+page.svelte b/web/src/routes/(user)/utilities/geolocation/+page.svelte
index 6ac233fe7..68c81de08 100644
--- a/web/src/routes/(user)/utilities/geolocation/+page.svelte
+++ b/web/src/routes/(user)/utilities/geolocation/+page.svelte
@@ -16,7 +16,7 @@
   import { setQueryValue } from '#lib/utils/navigation.ts';
   import { toTimelineAsset } from '#lib/utils/timeline-util.ts';
   import { AssetVisibility, getAssetInfo, updateAssets } from '@immich/sdk';
-  import { Button, LoadingSpinner, modalManager, Text } from '@immich/ui';
+  import { Button, LoadingSpinner, Text, modalManager } from '@immich/ui';
   import { mdiMapMarkerMultipleOutline, mdiPencilOutline, mdiSelectRemove } from '@mdi/js';
   import { t } from 'svelte-i18n';
   import type { PageData } from './$types';
diff --git a/web/src/routes/(user)/utilities/large-files/[[photos=photos]]/[[assetId=id]]/+page.svelte b/web/src/routes/(user)/utilities/large-files/[[photos=photos]]/[[assetId=id]]/+page.svelte
index 89bd0e46e..cb8679d95 100644
--- a/web/src/routes/(user)/utilities/large-files/[[photos=photos]]/[[assetId=id]]/+page.svelte
+++ b/web/src/routes/(user)/utilities/large-files/[[photos=photos]]/[[assetId=id]]/+page.svelte
@@ -1,8 +1,7 @@
 <script lang="ts">
+  import OnEvents from '#lib/components/OnEvents.svelte';
   import type { Action } from '#lib/components/asset-viewer/actions/action.ts';
   import UserPageLayout from '#lib/components/layouts/UserPageLayout.svelte';
-  import OnEvents from '#lib/components/OnEvents.svelte';
-  import LargeAssetData from './LargeAssetData.svelte';
   import Portal from '#lib/elements/Portal.svelte';
   import { assetViewerManager } from '#lib/managers/asset-viewer-manager.svelte.ts';
   import { handlePromiseError } from '#lib/utils.ts';
@@ -11,6 +10,7 @@
   import type { AssetResponseDto } from '@immich/sdk';
   import { t } from 'svelte-i18n';
   import type { PageData } from './$types';
+  import LargeAssetData from './LargeAssetData.svelte';
 
   interface Props {
     data: PageData;
diff --git a/web/src/routes/(user)/workflows/+page.svelte b/web/src/routes/(user)/workflows/+page.svelte
index 1a1630ee9..bb870a14a 100644
--- a/web/src/routes/(user)/workflows/+page.svelte
+++ b/web/src/routes/(user)/workflows/+page.svelte
@@ -7,8 +7,8 @@
   import { Route } from '#lib/route.ts';
   import {
     getWorkflowActions,
-    getWorkflowsActions,
     getWorkflowShowSchemaAction,
+    getWorkflowsActions,
   } from '#lib/services/workflow.service.ts';
   import {
     Badge,
diff --git a/web/src/routes/(user)/workflows/[workflowId]/+page.svelte b/web/src/routes/(user)/workflows/[workflowId]/+page.svelte
index cb25a19d4..399f92724 100644
--- a/web/src/routes/(user)/workflows/[workflowId]/+page.svelte
+++ b/web/src/routes/(user)/workflows/[workflowId]/+page.svelte
@@ -1,5 +1,4 @@
 <script lang="ts">
-  import { beforeNavigate, goto } from '$app/navigation';
   import WorkflowAddStepModal from '#lib/modals/WorkflowAddStepModal.svelte';
   import WorkflowEditStepModal from '#lib/modals/WorkflowEditStepModal.svelte';
   import WorkflowTriggerPicker from '#lib/modals/WorkflowTriggerPicker.svelte';
@@ -28,10 +27,10 @@
     Icon,
     IconButton,
     Input,
-    modalManager,
     Switch,
     Textarea,
     VStack,
+    modalManager,
   } from '@immich/ui';
   import {
     mdiArrowLeft,
@@ -46,6 +45,7 @@
   import { cloneDeep, isEqual } from 'lodash-es';
   import { t } from 'svelte-i18n';
   import { flip } from 'svelte/animate';
+  import { beforeNavigate, goto } from '$app/navigation';
   import type { PageProps } from './$types';
   import WorkflowJsonEditor from './WorkflowJsonEditor.svelte';
   import WorkflowStepCard from './WorkflowStepCard.svelte';
diff --git a/web/src/routes/(user)/workflows/[workflowId]/WorkflowJsonEditor.svelte b/web/src/routes/(user)/workflows/[workflowId]/WorkflowJsonEditor.svelte
index eb49cc107..bc700c237 100644
--- a/web/src/routes/(user)/workflows/[workflowId]/WorkflowJsonEditor.svelte
+++ b/web/src/routes/(user)/workflows/[workflowId]/WorkflowJsonEditor.svelte
@@ -8,14 +8,14 @@
     CardTitle,
     Icon,
     Theme,
-    themeManager,
     VStack,
+    themeManager,
   } from '@immich/ui';
   import { mdiCodeJson } from '@mdi/js';
   import { isEqual } from 'lodash-es';
   import { untrack } from 'svelte';
-  import { JSONEditor, Mode, type Content, type OnChangeStatus } from 'svelte-jsoneditor';
   import { t } from 'svelte-i18n';
+  import { JSONEditor, Mode, type Content, type OnChangeStatus } from 'svelte-jsoneditor';
 
   type WorkflowJsonContent = Required<
     Pick<WorkflowUpdateDto, 'description' | 'enabled' | 'name' | 'steps' | 'trigger'>
diff --git a/web/src/routes/(user)/workflows/[workflowId]/WorkflowStepCard.svelte b/web/src/routes/(user)/workflows/[workflowId]/WorkflowStepCard.svelte
index b750da9f2..cf0363966 100644
--- a/web/src/routes/(user)/workflows/[workflowId]/WorkflowStepCard.svelte
+++ b/web/src/routes/(user)/workflows/[workflowId]/WorkflowStepCard.svelte
@@ -1,11 +1,10 @@
 <script lang="ts">
   import { pluginManager } from '#lib/managers/plugin-manager.svelte.ts';
-  import type { JSONSchemaProperty } from '#lib/types.ts';
-  import { type WorkflowStepDto } from '@immich/sdk';
-  import { Badge, Card, CardBody, CardDescription, CardHeader, CardTitle, Icon, IconButton } from '@immich/ui';
-  import { getTagById } from '@immich/sdk';
   import { getAlbumQuery } from '#lib/queries/album.query.ts';
   import { queryClient } from '#lib/queries/client.ts';
+  import type { JSONSchemaProperty } from '#lib/types.ts';
+  import { getTagById, type WorkflowStepDto } from '@immich/sdk';
+  import { Badge, Card, CardBody, CardDescription, CardHeader, CardTitle, Icon, IconButton } from '@immich/ui';
   import {
     mdiAutoFix,
     mdiDragVertical,
diff --git a/web/src/routes/(user)/workflows/[workflowId]/WorkflowSummary.svelte b/web/src/routes/(user)/workflows/[workflowId]/WorkflowSummary.svelte
index 52ddb4e5c..fcb7c0060 100644
--- a/web/src/routes/(user)/workflows/[workflowId]/WorkflowSummary.svelte
+++ b/web/src/routes/(user)/workflows/[workflowId]/WorkflowSummary.svelte
@@ -2,7 +2,7 @@
   import { pluginManager } from '#lib/managers/plugin-manager.svelte.ts';
   import { getTriggerName } from '#lib/utils/workflow.ts';
   import type { WorkflowStepDto, WorkflowTrigger } from '@immich/sdk';
-  import { Icon, IconButton, shortcut, Text } from '@immich/ui';
+  import { Icon, IconButton, Text, shortcut } from '@immich/ui';
   import { mdiCheck, mdiClose, mdiContentCopy, mdiViewDashboardOutline } from '@mdi/js';
   import { t } from 'svelte-i18n';
   import { fly } from 'svelte/transition';
diff --git a/web/src/routes/+layout.svelte b/web/src/routes/+layout.svelte
index 3369176e9..aaff9dc7e 100644
--- a/web/src/routes/+layout.svelte
+++ b/web/src/routes/+layout.svelte
@@ -1,13 +1,6 @@
 <script lang="ts">
-  import { afterNavigate, beforeNavigate } from '$app/navigation';
-  import { page } from '$app/state';
   import { getPagesProvider, getSettingsProvider } from '#lib/commands.ts';
-  import DownloadPanel from './DownloadPanel.svelte';
-  import ErrorLayout from './ErrorLayout.svelte';
   import OnEvents from '#lib/components/OnEvents.svelte';
-  import NavigationLoadingBar from './NavigationLoadingBar.svelte';
-  import UploadPanel from './UploadPanel.svelte';
-  import VersionAnnouncement from './VersionAnnouncement.svelte';
   import { authManager } from '#lib/managers/auth-manager.svelte.ts';
   import { eventManager } from '#lib/managers/event-manager.svelte.ts';
   import ServerRestartingModal from '#lib/modals/ServerRestartingModal.svelte';
@@ -20,27 +13,34 @@
   import { getUiTranslations } from '#lib/utils/ui-translations.ts';
   import { getServerConfig } from '@immich/sdk';
   import {
-    CommandPaletteProvider,
     CORE_PAGE_COMMANDS,
-    defaultProvider,
+    CommandPaletteProvider,
     MOBILE_APP_COMMANDS,
-    modalManager,
     OTHER_SITE_COMMANDS,
     PROJECT_SUPPORT_COMMANDS,
+    SOCIAL_COMMANDS,
     ScreencastOverlay,
+    TooltipProvider,
+    defaultProvider,
+    modalManager,
     setLocale,
     setTranslations,
-    SOCIAL_COMMANDS,
     toastManager,
-    TooltipProvider,
   } from '@immich/ui';
+  import { QueryClientProvider } from '@tanstack/svelte-query';
   import { En } from 'media-chrome/lang/en';
   import { addTranslation } from 'media-chrome/utils/i18n';
-  import { QueryClientProvider } from '@tanstack/svelte-query';
   import { onMount, type Snippet } from 'svelte';
   import { t } from 'svelte-i18n';
   import { get } from 'svelte/store';
+  import { afterNavigate, beforeNavigate } from '$app/navigation';
+  import { page } from '$app/state';
   import '../app.css';
+  import DownloadPanel from './DownloadPanel.svelte';
+  import ErrorLayout from './ErrorLayout.svelte';
+  import NavigationLoadingBar from './NavigationLoadingBar.svelte';
+  import UploadPanel from './UploadPanel.svelte';
+  import VersionAnnouncement from './VersionAnnouncement.svelte';
 
   interface Props {
     children?: Snippet;
diff --git a/web/src/routes/DownloadPanel.svelte b/web/src/routes/DownloadPanel.svelte
index c2f4288ca..4e1d206f4 100644
--- a/web/src/routes/DownloadPanel.svelte
+++ b/web/src/routes/DownloadPanel.svelte
@@ -1,12 +1,12 @@
 <script lang="ts">
-  import { type DownloadState, downloadManager } from '#lib/managers/download-manager.svelte.ts';
+  import { downloadManager, type DownloadState } from '#lib/managers/download-manager.svelte.ts';
   import { locale } from '#lib/stores/preferences.store.ts';
+  import { downloadUrlPost } from '#lib/utils.ts';
+  import { getByteUnitString } from '#lib/utils/byte-units.ts';
   import { CloseButton, Heading, IconButton } from '@immich/ui';
-  import { mdiReload, mdiDownload } from '@mdi/js';
+  import { mdiDownload, mdiReload } from '@mdi/js';
   import { t } from 'svelte-i18n';
   import { fly, slide } from 'svelte/transition';
-  import { getByteUnitString } from '#lib/utils/byte-units.ts';
-  import { downloadUrlPost } from '#lib/utils.ts';
 
   const startDownload = (downloadKey: string, download: DownloadState) => {
     downloadUrlPost(download.url, download.assetIds, download.archiveName);
diff --git a/web/src/routes/UploadAssetPreview.svelte b/web/src/routes/UploadAssetPreview.svelte
index 23fb3aa9e..e517c1354 100644
--- a/web/src/routes/UploadAssetPreview.svelte
+++ b/web/src/routes/UploadAssetPreview.svelte
@@ -2,8 +2,7 @@
   import { Route } from '#lib/route.ts';
   import { locale } from '#lib/stores/preferences.store.ts';
   import { uploadAssetsStore } from '#lib/stores/upload.ts';
-  import type { UploadAsset } from '#lib/types.ts';
-  import { UploadState } from '#lib/types.ts';
+  import { UploadState, type UploadAsset } from '#lib/types.ts';
   import { getByteUnitString } from '#lib/utils/byte-units.ts';
   import { fileUploadHandler } from '#lib/utils/file-uploader.ts';
   import { Icon } from '@immich/ui';
diff --git a/web/src/routes/admin/backups/+page.svelte b/web/src/routes/admin/backups/+page.svelte
index ec927227e..4f74fb343 100644
--- a/web/src/routes/admin/backups/+page.svelte
+++ b/web/src/routes/admin/backups/+page.svelte
@@ -1,10 +1,10 @@
 <script lang="ts">
-  import { goto } from '$app/navigation';
-  import { ImmichBackupsPage, YuccaContext } from '@futo-org/backups-orchestrator-ui';
   import HideBackupsReminder from '#lib/components/backups/HideBackupsReminder.svelte';
   import AdminPageLayout from '#lib/components/layouts/AdminPageLayout.svelte';
   import { Route } from '#lib/route.ts';
+  import { ImmichBackupsPage, YuccaContext } from '@futo-org/backups-orchestrator-ui';
   import type { ComponentProps } from 'svelte';
+  import { goto } from '$app/navigation';
   import type { PageData } from './$types';
 
   type Props = {
diff --git a/web/src/routes/admin/backups/attempts/+page.svelte b/web/src/routes/admin/backups/attempts/+page.svelte
index 37d9fcf32..5978d4879 100644
--- a/web/src/routes/admin/backups/attempts/+page.svelte
+++ b/web/src/routes/admin/backups/attempts/+page.svelte
@@ -1,9 +1,9 @@
 <script lang="ts">
-  import { goto } from '$app/navigation';
-  import { ImmichBackupAttemptsPage, YuccaContext } from '@futo-org/backups-orchestrator-ui';
   import AdminPageLayout from '#lib/components/layouts/AdminPageLayout.svelte';
   import { Route } from '#lib/route.ts';
+  import { ImmichBackupAttemptsPage, YuccaContext } from '@futo-org/backups-orchestrator-ui';
   import { t } from 'svelte-i18n';
+  import { goto } from '$app/navigation';
   import type { PageData } from './$types';
 
   type Props = {
diff --git a/web/src/routes/admin/backups/settings/+page.svelte b/web/src/routes/admin/backups/settings/+page.svelte
index 880aa3cbd..3df992319 100644
--- a/web/src/routes/admin/backups/settings/+page.svelte
+++ b/web/src/routes/admin/backups/settings/+page.svelte
@@ -1,9 +1,9 @@
 <script lang="ts">
-  import { goto } from '$app/navigation';
-  import { ImmichBackupSettingsPage, YuccaContext } from '@futo-org/backups-orchestrator-ui';
   import AdminPageLayout from '#lib/components/layouts/AdminPageLayout.svelte';
   import { Route } from '#lib/route.ts';
+  import { ImmichBackupSettingsPage, YuccaContext } from '@futo-org/backups-orchestrator-ui';
   import { t } from 'svelte-i18n';
+  import { goto } from '$app/navigation';
   import type { PageData } from './$types';
 
   type Props = {
diff --git a/web/src/routes/admin/backups/snapshots/+page.svelte b/web/src/routes/admin/backups/snapshots/+page.svelte
index 7e9caf44b..ccd41b979 100644
--- a/web/src/routes/admin/backups/snapshots/+page.svelte
+++ b/web/src/routes/admin/backups/snapshots/+page.svelte
@@ -1,9 +1,9 @@
 <script lang="ts">
-  import { goto } from '$app/navigation';
-  import { ImmichSnapshotsPage, YuccaContext } from '@futo-org/backups-orchestrator-ui';
   import AdminPageLayout from '#lib/components/layouts/AdminPageLayout.svelte';
   import { Route } from '#lib/route.ts';
+  import { ImmichSnapshotsPage, YuccaContext } from '@futo-org/backups-orchestrator-ui';
   import { t } from 'svelte-i18n';
+  import { goto } from '$app/navigation';
   import type { PageData } from './$types';
 
   type Props = {
diff --git a/web/src/routes/admin/library-management/(list)/+layout.svelte b/web/src/routes/admin/library-management/(list)/+layout.svelte
index 80d4b7180..bd4e9bbb0 100644
--- a/web/src/routes/admin/library-management/(list)/+layout.svelte
+++ b/web/src/routes/admin/library-management/(list)/+layout.svelte
@@ -1,16 +1,16 @@
 <script lang="ts">
-  import { goto } from '$app/navigation';
   import AdminPageLayout from '#lib/components/layouts/AdminPageLayout.svelte';
   import EmptyPlaceholder from '#lib/components/shared-components/EmptyPlaceholder.svelte';
   import { libraryTableClasses } from '#lib/constants.ts';
-  import { Route } from '#lib/route.ts';
   import { createPreloadedQuery } from '#lib/queries/client.ts';
   import { getAllLibrariesQuery } from '#lib/queries/library.query.ts';
+  import { Route } from '#lib/route.ts';
   import { getLibrariesActions } from '#lib/services/library.service.ts';
   import { CommandPaletteDefaultProvider, Container, Table, TableBody, TableHeader, TableHeading } from '@immich/ui';
   import type { Snippet } from 'svelte';
   import { t } from 'svelte-i18n';
   import { fade } from 'svelte/transition';
+  import { goto } from '$app/navigation';
   import type { LayoutData } from './$types';
   import LibraryTableRow from './LibraryTableRow.svelte';
 
diff --git a/web/src/routes/admin/library-management/(list)/new/+page.svelte b/web/src/routes/admin/library-management/(list)/new/+page.svelte
index 484834c28..847ac4188 100644
--- a/web/src/routes/admin/library-management/(list)/new/+page.svelte
+++ b/web/src/routes/admin/library-management/(list)/new/+page.svelte
@@ -1,5 +1,4 @@
 <script lang="ts">
-  import { goto } from '$app/navigation';
   import { authManager } from '#lib/managers/auth-manager.svelte.ts';
   import { createPreloadedQuery, executeMutation } from '#lib/queries/client.ts';
   import { createLibraryMutation } from '#lib/queries/library.query.ts';
@@ -8,6 +7,7 @@
   import { Field, FormModal, HelperText, Select } from '@immich/ui';
   import { mdiFolderSync } from '@mdi/js';
   import { t } from 'svelte-i18n';
+  import { goto } from '$app/navigation';
 
   let ownerId: string = $state(authManager.user.id);
   const query = createPreloadedQuery(searchUsersAdminQuery);
diff --git a/web/src/routes/admin/library-management/[id]/+layout.svelte b/web/src/routes/admin/library-management/[id]/+layout.svelte
index 3e54f1fec..c944da23a 100644
--- a/web/src/routes/admin/library-management/[id]/+layout.svelte
+++ b/web/src/routes/admin/library-management/[id]/+layout.svelte
@@ -1,10 +1,10 @@
 <script lang="ts">
   import emptyFoldersUrl from '#lib/assets/empty-folders.svg';
   import AdminCard from '#lib/components/AdminCard.svelte';
+  import TableButton from '#lib/components/TableButton.svelte';
   import AdminPageLayout from '#lib/components/layouts/AdminPageLayout.svelte';
   import ServerStatisticsCard from '#lib/components/server-statistics/ServerStatisticsCard.svelte';
   import EmptyPlaceholder from '#lib/components/shared-components/EmptyPlaceholder.svelte';
-  import TableButton from '#lib/components/TableButton.svelte';
   import LibraryFolderAddModal from '#lib/modals/LibraryFolderAddModal.svelte';
   import { createPreloadedQuery } from '#lib/queries/client.ts';
   import { getLibraryQuery, getLibraryStatisticsQuery } from '#lib/queries/library.query.ts';
@@ -16,8 +16,8 @@
   } from '#lib/services/library.service.ts';
   import { getBytesWithUnit } from '#lib/utils/byte-units.ts';
   import { Code, CommandPaletteDefaultProvider, Container, Heading, modalManager } from '@immich/ui';
-  import { createQuery } from '@tanstack/svelte-query';
   import { mdiCameraIris, mdiChartPie, mdiFilterMinusOutline, mdiFolderOutline, mdiPlayCircle } from '@mdi/js';
+  import { createQuery } from '@tanstack/svelte-query';
   import { t } from 'svelte-i18n';
   import type { LayoutProps } from './$types';
 
diff --git a/web/src/routes/admin/library-management/[id]/edit/+page.svelte b/web/src/routes/admin/library-management/[id]/edit/+page.svelte
index f923ae0c5..6f851bdf1 100644
--- a/web/src/routes/admin/library-management/[id]/edit/+page.svelte
+++ b/web/src/routes/admin/library-management/[id]/edit/+page.svelte
@@ -1,11 +1,11 @@
 <script lang="ts">
-  import { goto } from '$app/navigation';
   import { createPreloadedQuery, executeMutation } from '#lib/queries/client.ts';
   import { getLibraryQuery, updateLibraryMutation } from '#lib/queries/library.query.ts';
   import { Route } from '#lib/route.ts';
   import { Field, FormModal, Input } from '@immich/ui';
   import { mdiRenameOutline } from '@mdi/js';
   import { t } from 'svelte-i18n';
+  import { goto } from '$app/navigation';
   import type { PageProps } from './$types';
 
   const { params }: PageProps = $props();
diff --git a/web/src/routes/admin/maintenance/+page.svelte b/web/src/routes/admin/maintenance/+page.svelte
index 9eef0092b..c6a74c6f6 100644
--- a/web/src/routes/admin/maintenance/+page.svelte
+++ b/web/src/routes/admin/maintenance/+page.svelte
@@ -1,17 +1,17 @@
 <script lang="ts">
+  import OnEvents from '#lib/components/OnEvents.svelte';
   import AdminPageLayout from '#lib/components/layouts/AdminPageLayout.svelte';
   import MaintenanceBackupsList from '#lib/components/maintenance/MaintenanceBackupsList.svelte';
-  import OnEvents from '#lib/components/OnEvents.svelte';
   import ServerStatisticsCard from '#lib/components/server-statistics/ServerStatisticsCard.svelte';
   import SettingAccordion from '#lib/components/shared-components/settings/SettingAccordion.svelte';
   import { Route } from '#lib/route.ts';
   import { handleCreateJob } from '#lib/services/job.service.ts';
   import { getMaintenanceAdminActions } from '#lib/services/maintenance.service.ts';
   import {
-    getIntegrityReportSummary,
-    getQueuesLegacy,
     IntegrityReport,
     ManualJobName,
+    getIntegrityReportSummary,
+    getQueuesLegacy,
     type IntegrityReportSummaryResponseDto,
     type JobCreateDto,
     type QueuesResponseLegacyDto,
@@ -20,8 +20,8 @@
   import { mdiRefresh } from '@mdi/js';
   import { onMount } from 'svelte';
   import { t, type Translations } from 'svelte-i18n';
-  import type { PageData } from './$types';
   import { SvelteSet } from 'svelte/reactivity';
+  import type { PageData } from './$types';
 
   type Props = {
     data: PageData;
diff --git a/web/src/routes/admin/maintenance/integrity-report/[type]/+page.svelte b/web/src/routes/admin/maintenance/integrity-report/[type]/+page.svelte
index bc73d5b90..5c565b4a2 100644
--- a/web/src/routes/admin/maintenance/integrity-report/[type]/+page.svelte
+++ b/web/src/routes/admin/maintenance/integrity-report/[type]/+page.svelte
@@ -1,11 +1,11 @@
 <script lang="ts">
+  import OnEvents from '#lib/components/OnEvents.svelte';
   import AdminPageLayout from '#lib/components/layouts/AdminPageLayout.svelte';
   import IntegrityReportTableItem from '#lib/components/maintenance/integrity/IntegrityReportTableItem.svelte';
-  import OnEvents from '#lib/components/OnEvents.svelte';
   import { Route } from '#lib/route.ts';
   import { getIntegrityReportActions } from '#lib/services/integrity.service.ts';
   import { asyncTimeout } from '#lib/utils.ts';
-  import { getIntegrityReport, getQueuesLegacy, IntegrityReport } from '@immich/sdk';
+  import { IntegrityReport, getIntegrityReport, getQueuesLegacy } from '@immich/sdk';
   import { Button, Table, TableBody, TableHeader, TableHeading } from '@immich/ui';
   import { onDestroy, onMount } from 'svelte';
   import { t } from 'svelte-i18n';
diff --git a/web/src/routes/admin/maintenance/integrity-report/[type]/+page.ts b/web/src/routes/admin/maintenance/integrity-report/[type]/+page.ts
index 2a2aa40a7..81ae35fd6 100644
--- a/web/src/routes/admin/maintenance/integrity-report/[type]/+page.ts
+++ b/web/src/routes/admin/maintenance/integrity-report/[type]/+page.ts
@@ -1,6 +1,6 @@
 import { authenticate } from '#lib/utils/auth.ts';
 import { getFormatter } from '#lib/utils/i18n.ts';
-import { getIntegrityReport, IntegrityReport } from '@immich/sdk';
+import { IntegrityReport, getIntegrityReport } from '@immich/sdk';
 import type { PageLoad } from './$types';
 
 export const load = (async ({ params, url }) => {
diff --git a/web/src/routes/admin/queues/+page.svelte b/web/src/routes/admin/queues/+page.svelte
index 2faac11ce..6fe61a889 100644
--- a/web/src/routes/admin/queues/+page.svelte
+++ b/web/src/routes/admin/queues/+page.svelte
@@ -1,7 +1,6 @@
 <script lang="ts">
-  import AdminPageLayout from '#lib/components/layouts/AdminPageLayout.svelte';
   import OnEvents from '#lib/components/OnEvents.svelte';
-  import JobsPanel from './QueuePanel.svelte';
+  import AdminPageLayout from '#lib/components/layouts/AdminPageLayout.svelte';
   import { queueManager } from '#lib/managers/queue-manager.svelte.ts';
   import { getQueuesActions } from '#lib/services/queue.service.ts';
   import { type QueueResponseDto } from '@immich/sdk';
@@ -9,6 +8,7 @@
   import { onMount } from 'svelte';
   import { t } from 'svelte-i18n';
   import type { PageData } from './$types';
+  import JobsPanel from './QueuePanel.svelte';
 
   type Props = {
     data: PageData;
diff --git a/web/src/routes/admin/queues/QueueCard.svelte b/web/src/routes/admin/queues/QueueCard.svelte
index 0ae8fbdaa..f0c6f2f87 100644
--- a/web/src/routes/admin/queues/QueueCard.svelte
+++ b/web/src/routes/admin/queues/QueueCard.svelte
@@ -1,7 +1,5 @@
 <script lang="ts">
   import { cleanClass } from '#lib';
-  import QueueCardBadge from './QueueCardBadge.svelte';
-  import QueueCardButton from './QueueCardButton.svelte';
   import { Route } from '#lib/route.ts';
   import { asQueueItem } from '#lib/services/queue.service.ts';
   import { locale } from '#lib/stores/preferences.store.ts';
@@ -21,6 +19,8 @@
   } from '@mdi/js';
   import { type Component } from 'svelte';
   import { t } from 'svelte-i18n';
+  import QueueCardBadge from './QueueCardBadge.svelte';
+  import QueueCardButton from './QueueCardButton.svelte';
 
   interface Props {
     queue: QueueResponseDto;
diff --git a/web/src/routes/admin/queues/QueuePanel.svelte b/web/src/routes/admin/queues/QueuePanel.svelte
index f5e9afa89..9f289426e 100644
--- a/web/src/routes/admin/queues/QueuePanel.svelte
+++ b/web/src/routes/admin/queues/QueuePanel.svelte
@@ -1,6 +1,4 @@
 <script lang="ts">
-  import QueueCard from './QueueCard.svelte';
-  import QueueStorageMigrationDescription from './QueueStorageMigrationDescription.svelte';
   import { queueManager } from '#lib/managers/queue-manager.svelte.ts';
   import { createPreloadedQuery } from '#lib/queries/client.ts';
   import { getUserConfigQuery } from '#lib/queries/config-user.query.ts';
@@ -8,14 +6,16 @@
   import { handleError } from '#lib/utils/handle-error.ts';
   import {
     QueueCommand,
-    type QueueCommandDto,
     QueueName,
-    type QueueResponseDto,
     runQueueCommandLegacy,
+    type QueueCommandDto,
+    type QueueResponseDto,
   } from '@immich/sdk';
   import { modalManager, toastManager } from '@immich/ui';
   import type { Component } from 'svelte';
   import { t } from 'svelte-i18n';
+  import QueueCard from './QueueCard.svelte';
+  import QueueStorageMigrationDescription from './QueueStorageMigrationDescription.svelte';
 
   type Props = {
     queues: QueueResponseDto[];
diff --git a/web/src/routes/admin/queues/[name]/+page.svelte b/web/src/routes/admin/queues/[name]/+page.svelte
index 5edb9ccec..914eee24d 100644
--- a/web/src/routes/admin/queues/[name]/+page.svelte
+++ b/web/src/routes/admin/queues/[name]/+page.svelte
@@ -1,6 +1,5 @@
 <script lang="ts">
   import AdminPageLayout from '#lib/components/layouts/AdminPageLayout.svelte';
-  import QueueGraph from './QueueGraph.svelte';
   import { queueManager } from '#lib/managers/queue-manager.svelte.ts';
   import { Route } from '#lib/route.ts';
   import { asQueueItem, getQueueActions } from '#lib/services/queue.service.ts';
@@ -20,6 +19,7 @@
   import { onMount } from 'svelte';
   import { t } from 'svelte-i18n';
   import type { PageData } from './$types';
+  import QueueGraph from './QueueGraph.svelte';
 
   type Props = {
     data: PageData;
diff --git a/web/src/routes/admin/queues/[name]/+page.ts b/web/src/routes/admin/queues/[name]/+page.ts
index c81f1cad8..252a75470 100644
--- a/web/src/routes/admin/queues/[name]/+page.ts
+++ b/web/src/routes/admin/queues/[name]/+page.ts
@@ -1,7 +1,7 @@
-import { fromQueueSlug, Route } from '#lib/route.ts';
+import { Route, fromQueueSlug } from '#lib/route.ts';
 import { authenticate } from '#lib/utils/auth.ts';
 import { getFormatter } from '#lib/utils/i18n.ts';
-import { getQueue, getQueueJobs, QueueJobStatus } from '@immich/sdk';
+import { QueueJobStatus, getQueue, getQueueJobs } from '@immich/sdk';
 import { redirect } from '@sveltejs/kit';
 import type { PageLoad } from './$types';
 
diff --git a/web/src/routes/admin/server-status/+page.svelte b/web/src/routes/admin/server-status/+page.svelte
index 9a73d52cb..d13e0494a 100644
--- a/web/src/routes/admin/server-status/+page.svelte
+++ b/web/src/routes/admin/server-status/+page.svelte
@@ -1,8 +1,8 @@
 <script lang="ts">
   import AdminPageLayout from '#lib/components/layouts/AdminPageLayout.svelte';
-  import ServerStatisticsPanel from './ServerStatisticsPanel.svelte';
   import { Container } from '@immich/ui';
   import type { PageData } from './$types';
+  import ServerStatisticsPanel from './ServerStatisticsPanel.svelte';
 
   type Props = {
     data: PageData;
diff --git a/web/src/routes/admin/server-status/ServerStatisticsPanel.svelte b/web/src/routes/admin/server-status/ServerStatisticsPanel.svelte
index 883581eaf..66b8fe845 100644
--- a/web/src/routes/admin/server-status/ServerStatisticsPanel.svelte
+++ b/web/src/routes/admin/server-status/ServerStatisticsPanel.svelte
@@ -17,8 +17,8 @@
     TableRow,
     Text,
   } from '@immich/ui';
-  import { createQuery } from '@tanstack/svelte-query';
   import { mdiCameraIris, mdiChartPie, mdiPlayCircle } from '@mdi/js';
+  import { createQuery } from '@tanstack/svelte-query';
   import { t } from 'svelte-i18n';
 
   const queries = {
diff --git a/web/src/routes/admin/system-settings/+page.svelte b/web/src/routes/admin/system-settings/+page.svelte
index b0b964415..3fad515b2 100644
--- a/web/src/routes/admin/system-settings/+page.svelte
+++ b/web/src/routes/admin/system-settings/+page.svelte
@@ -1,22 +1,5 @@
 <script lang="ts">
-  import AuthSettings from './AuthSettings.svelte';
-  import BackupSettings from './BackupSettings.svelte';
-  import FFmpegSettings from './FFmpegSettings.svelte';
-  import ImageSettings from './ImageSettings.svelte';
-  import JobSettings from './JobSettings.svelte';
-  import LibrarySettings from './LibrarySettings.svelte';
-  import LoggingSettings from './LoggingSettings.svelte';
-  import MachineLearningSettings from './MachineLearningSettings.svelte';
-  import MapSettings from './MapSettings.svelte';
-  import MetadataSettings from './MetadataSettings.svelte';
-  import NewVersionCheckSettings from './NewVersionCheckSettings.svelte';
-  import NightlyTasksSettings from './NightlyTasksSettings.svelte';
-  import NotificationSettings from './NotificationSettings.svelte';
-  import ServerSettings from './ServerSettings.svelte';
   import StorageTemplateSettings from '#lib/components/admin-settings/StorageTemplateSettings.svelte';
-  import ThemeSettings from './ThemeSettings.svelte';
-  import TrashSettings from './TrashSettings.svelte';
-  import UserSettings from './UserSettings.svelte';
   import AdminPageLayout from '#lib/components/layouts/AdminPageLayout.svelte';
   import SettingAccordion from '#lib/components/shared-components/settings/SettingAccordion.svelte';
   import SearchBar from '#lib/elements/SearchBar.svelte';
@@ -49,7 +32,24 @@
   import type { Component } from 'svelte';
   import { t } from 'svelte-i18n';
   import type { PageData } from './$types';
+  import AuthSettings from './AuthSettings.svelte';
+  import BackupSettings from './BackupSettings.svelte';
+  import FFmpegSettings from './FFmpegSettings.svelte';
+  import ImageSettings from './ImageSettings.svelte';
   import IntegrityChecksSettings from './IntegrityChecksSettings.svelte';
+  import JobSettings from './JobSettings.svelte';
+  import LibrarySettings from './LibrarySettings.svelte';
+  import LoggingSettings from './LoggingSettings.svelte';
+  import MachineLearningSettings from './MachineLearningSettings.svelte';
+  import MapSettings from './MapSettings.svelte';
+  import MetadataSettings from './MetadataSettings.svelte';
+  import NewVersionCheckSettings from './NewVersionCheckSettings.svelte';
+  import NightlyTasksSettings from './NightlyTasksSettings.svelte';
+  import NotificationSettings from './NotificationSettings.svelte';
+  import ServerSettings from './ServerSettings.svelte';
+  import ThemeSettings from './ThemeSettings.svelte';
+  import TrashSettings from './TrashSettings.svelte';
+  import UserSettings from './UserSettings.svelte';
 
   type Props = {
     data: PageData;
diff --git a/web/src/routes/admin/system-settings/AuthSettings.svelte b/web/src/routes/admin/system-settings/AuthSettings.svelte
index 0d5badd63..669a0e5d6 100644
--- a/web/src/routes/admin/system-settings/AuthSettings.svelte
+++ b/web/src/routes/admin/system-settings/AuthSettings.svelte
@@ -11,7 +11,7 @@
   import { getAdminConfigQuery } from '#lib/queries/config-admin.query.ts';
   import { handleError } from '#lib/utils/handle-error.ts';
   import { OAuthTokenEndpointAuthMethod, unlinkAllOAuthAccountsAdmin } from '@immich/sdk';
-  import { Button, IconButton, Link, modalManager, Text, toastManager } from '@immich/ui';
+  import { Button, IconButton, Link, Text, modalManager, toastManager } from '@immich/ui';
   import { mdiPlus, mdiRestart, mdiTrashCanOutline } from '@mdi/js';
   import { cloneDeep } from 'lodash-es';
   import { t } from 'svelte-i18n';
diff --git a/web/src/routes/admin/system-settings/BackupSettings.svelte b/web/src/routes/admin/system-settings/BackupSettings.svelte
index 338ac0957..e9b8f9086 100644
--- a/web/src/routes/admin/system-settings/BackupSettings.svelte
+++ b/web/src/routes/admin/system-settings/BackupSettings.svelte
@@ -1,17 +1,17 @@
 <script lang="ts">
-  import { createPreloadedQuery } from '#lib/queries/client.ts';
-  import { getAdminConfigQuery } from '#lib/queries/config-admin.query.ts';
-  import { cloneDeep } from 'lodash-es';
-  import SettingButtonsRow from '#lib/components/shared-components/settings/SystemConfigButtonRow.svelte';
   import SettingInputField from '#lib/components/shared-components/settings/SettingInputField.svelte';
-  import SettingSelect from './SettingSelect.svelte';
   import SettingSwitch from '#lib/components/shared-components/settings/SettingSwitch.svelte';
+  import SettingButtonsRow from '#lib/components/shared-components/settings/SystemConfigButtonRow.svelte';
   import { SettingInputFieldType } from '#lib/constants.ts';
   import FormatMessage from '#lib/elements/FormatMessage.svelte';
   import { featureFlagsManager } from '#lib/managers/feature-flags-manager.svelte.ts';
+  import { createPreloadedQuery } from '#lib/queries/client.ts';
+  import { getAdminConfigQuery } from '#lib/queries/config-admin.query.ts';
   import { Link } from '@immich/ui';
+  import { cloneDeep } from 'lodash-es';
   import { t } from 'svelte-i18n';
   import { fade } from 'svelte/transition';
+  import SettingSelect from './SettingSelect.svelte';
 
   const query = createPreloadedQuery(getAdminConfigQuery);
   const config = $derived(query.data);
diff --git a/web/src/routes/admin/system-settings/FFmpegSettings.svelte b/web/src/routes/admin/system-settings/FFmpegSettings.svelte
index 05816c545..2bae0a064 100644
--- a/web/src/routes/admin/system-settings/FFmpegSettings.svelte
+++ b/web/src/routes/admin/system-settings/FFmpegSettings.svelte
@@ -1,15 +1,13 @@
 <script lang="ts">
-  import { createPreloadedQuery } from '#lib/queries/client.ts';
-  import { getAdminConfigQuery } from '#lib/queries/config-admin.query.ts';
   import SettingAccordion from '#lib/components/shared-components/settings/SettingAccordion.svelte';
-  import SettingCheckboxes from './SettingCheckboxes.svelte';
   import SettingInputField from '#lib/components/shared-components/settings/SettingInputField.svelte';
-  import SettingSelect from './SettingSelect.svelte';
   import SettingSwitch from '#lib/components/shared-components/settings/SettingSwitch.svelte';
   import SettingButtonsRow from '#lib/components/shared-components/settings/SystemConfigButtonRow.svelte';
   import { SettingInputFieldType } from '#lib/constants.ts';
   import FormatMessage from '#lib/elements/FormatMessage.svelte';
   import { featureFlagsManager } from '#lib/managers/feature-flags-manager.svelte.ts';
+  import { createPreloadedQuery } from '#lib/queries/client.ts';
+  import { getAdminConfigQuery } from '#lib/queries/config-admin.query.ts';
   import {
     AudioCodec,
     CQMode,
@@ -22,9 +20,11 @@
   } from '@immich/sdk';
   import { Icon, Link } from '@immich/ui';
   import { mdiHelpCircleOutline } from '@mdi/js';
-  import { isEqual, sortBy, cloneDeep } from 'lodash-es';
+  import { cloneDeep, isEqual, sortBy } from 'lodash-es';
   import { t } from 'svelte-i18n';
   import { fade } from 'svelte/transition';
+  import SettingCheckboxes from './SettingCheckboxes.svelte';
+  import SettingSelect from './SettingSelect.svelte';
 
   const query = createPreloadedQuery(getAdminConfigQuery);
   const config = $derived(query.data);
diff --git a/web/src/routes/admin/system-settings/ImageSettings.svelte b/web/src/routes/admin/system-settings/ImageSettings.svelte
index 1c0f41bbf..d257a1aab 100644
--- a/web/src/routes/admin/system-settings/ImageSettings.svelte
+++ b/web/src/routes/admin/system-settings/ImageSettings.svelte
@@ -1,18 +1,17 @@
 <script lang="ts">
-  import { createPreloadedQuery } from '#lib/queries/client.ts';
-  import { getAdminConfigQuery } from '#lib/queries/config-admin.query.ts';
-  import { cloneDeep } from 'lodash-es';
-  import SettingSelect from './SettingSelect.svelte';
-  import { Colorspace, ImageFormat } from '@immich/sdk';
-  import { fade } from 'svelte/transition';
-
   import SettingAccordion from '#lib/components/shared-components/settings/SettingAccordion.svelte';
   import SettingInputField from '#lib/components/shared-components/settings/SettingInputField.svelte';
   import SettingSwitch from '#lib/components/shared-components/settings/SettingSwitch.svelte';
   import SettingButtonsRow from '#lib/components/shared-components/settings/SystemConfigButtonRow.svelte';
   import { SettingInputFieldType } from '#lib/constants.ts';
   import { featureFlagsManager } from '#lib/managers/feature-flags-manager.svelte.ts';
+  import { createPreloadedQuery } from '#lib/queries/client.ts';
+  import { getAdminConfigQuery } from '#lib/queries/config-admin.query.ts';
+  import { Colorspace, ImageFormat } from '@immich/sdk';
+  import { cloneDeep } from 'lodash-es';
   import { t } from 'svelte-i18n';
+  import { fade } from 'svelte/transition';
+  import SettingSelect from './SettingSelect.svelte';
 
   const query = createPreloadedQuery(getAdminConfigQuery);
   const config = $derived(query.data);
diff --git a/web/src/routes/admin/system-settings/IntegrityChecksSettings.svelte b/web/src/routes/admin/system-settings/IntegrityChecksSettings.svelte
index 27bc8da2b..c8f0f9522 100644
--- a/web/src/routes/admin/system-settings/IntegrityChecksSettings.svelte
+++ b/web/src/routes/admin/system-settings/IntegrityChecksSettings.svelte
@@ -1,7 +1,4 @@
 <script lang="ts">
-  import { createPreloadedQuery } from '#lib/queries/client.ts';
-  import { getAdminConfigQuery } from '#lib/queries/config-admin.query.ts';
-  import { cloneDeep } from 'lodash-es';
   import SettingAccordion from '#lib/components/shared-components/settings/SettingAccordion.svelte';
   import SettingInputField from '#lib/components/shared-components/settings/SettingInputField.svelte';
   import SettingSwitch from '#lib/components/shared-components/settings/SettingSwitch.svelte';
@@ -9,7 +6,10 @@
   import { SettingInputFieldType } from '#lib/constants.ts';
   import FormatMessage from '#lib/elements/FormatMessage.svelte';
   import { featureFlagsManager } from '#lib/managers/feature-flags-manager.svelte.ts';
+  import { createPreloadedQuery } from '#lib/queries/client.ts';
+  import { getAdminConfigQuery } from '#lib/queries/config-admin.query.ts';
   import { Link } from '@immich/ui';
+  import { cloneDeep } from 'lodash-es';
   import { t } from 'svelte-i18n';
   import { fade } from 'svelte/transition';
 
diff --git a/web/src/routes/admin/system-settings/JobSettings.svelte b/web/src/routes/admin/system-settings/JobSettings.svelte
index 249b43397..906f98bcd 100644
--- a/web/src/routes/admin/system-settings/JobSettings.svelte
+++ b/web/src/routes/admin/system-settings/JobSettings.svelte
@@ -1,12 +1,12 @@
 <script lang="ts">
-  import { createPreloadedQuery } from '#lib/queries/client.ts';
-  import { getAdminConfigQuery } from '#lib/queries/config-admin.query.ts';
-  import { cloneDeep } from 'lodash-es';
-  import SettingButtonsRow from '#lib/components/shared-components/settings/SystemConfigButtonRow.svelte';
   import SettingInputField from '#lib/components/shared-components/settings/SettingInputField.svelte';
+  import SettingButtonsRow from '#lib/components/shared-components/settings/SystemConfigButtonRow.svelte';
   import { SettingInputFieldType } from '#lib/constants.ts';
   import { featureFlagsManager } from '#lib/managers/feature-flags-manager.svelte.ts';
+  import { createPreloadedQuery } from '#lib/queries/client.ts';
+  import { getAdminConfigQuery } from '#lib/queries/config-admin.query.ts';
   import { QueueName, type AdminConfigJobDto } from '@immich/sdk';
+  import { cloneDeep } from 'lodash-es';
   import { t } from 'svelte-i18n';
   import { fade } from 'svelte/transition';
 
diff --git a/web/src/routes/admin/system-settings/LibrarySettings.svelte b/web/src/routes/admin/system-settings/LibrarySettings.svelte
index beb9726f5..38d199e16 100644
--- a/web/src/routes/admin/system-settings/LibrarySettings.svelte
+++ b/web/src/routes/admin/system-settings/LibrarySettings.svelte
@@ -1,18 +1,18 @@
 <script lang="ts">
-  import { createPreloadedQuery } from '#lib/queries/client.ts';
-  import { getAdminConfigQuery } from '#lib/queries/config-admin.query.ts';
-  import { cloneDeep } from 'lodash-es';
   import SettingAccordion from '#lib/components/shared-components/settings/SettingAccordion.svelte';
   import SettingInputField from '#lib/components/shared-components/settings/SettingInputField.svelte';
-  import SettingSelect from './SettingSelect.svelte';
   import SettingSwitch from '#lib/components/shared-components/settings/SettingSwitch.svelte';
   import SettingButtonsRow from '#lib/components/shared-components/settings/SystemConfigButtonRow.svelte';
   import { SettingInputFieldType } from '#lib/constants.ts';
   import FormatMessage from '#lib/elements/FormatMessage.svelte';
   import { featureFlagsManager } from '#lib/managers/feature-flags-manager.svelte.ts';
+  import { createPreloadedQuery } from '#lib/queries/client.ts';
+  import { getAdminConfigQuery } from '#lib/queries/config-admin.query.ts';
   import { Link } from '@immich/ui';
+  import { cloneDeep } from 'lodash-es';
   import { t } from 'svelte-i18n';
   import { fade } from 'svelte/transition';
+  import SettingSelect from './SettingSelect.svelte';
 
   const query = createPreloadedQuery(getAdminConfigQuery);
   const config = $derived(query.data);
diff --git a/web/src/routes/admin/system-settings/LoggingSettings.svelte b/web/src/routes/admin/system-settings/LoggingSettings.svelte
index f2f775846..ed96064e4 100644
--- a/web/src/routes/admin/system-settings/LoggingSettings.svelte
+++ b/web/src/routes/admin/system-settings/LoggingSettings.svelte
@@ -1,14 +1,14 @@
 <script lang="ts">
+  import SettingSwitch from '#lib/components/shared-components/settings/SettingSwitch.svelte';
+  import SettingButtonsRow from '#lib/components/shared-components/settings/SystemConfigButtonRow.svelte';
+  import { featureFlagsManager } from '#lib/managers/feature-flags-manager.svelte.ts';
   import { createPreloadedQuery } from '#lib/queries/client.ts';
   import { getAdminConfigQuery } from '#lib/queries/config-admin.query.ts';
-  import { cloneDeep } from 'lodash-es';
-  import SettingButtonsRow from '#lib/components/shared-components/settings/SystemConfigButtonRow.svelte';
-  import SettingSelect from './SettingSelect.svelte';
-  import SettingSwitch from '#lib/components/shared-components/settings/SettingSwitch.svelte';
-  import { featureFlagsManager } from '#lib/managers/feature-flags-manager.svelte.ts';
   import { LogLevel } from '@immich/sdk';
+  import { cloneDeep } from 'lodash-es';
   import { t } from 'svelte-i18n';
   import { fade } from 'svelte/transition';
+  import SettingSelect from './SettingSelect.svelte';
 
   const query = createPreloadedQuery(getAdminConfigQuery);
   const config = $derived(query.data);
diff --git a/web/src/routes/admin/system-settings/MachineLearningSettings.svelte b/web/src/routes/admin/system-settings/MachineLearningSettings.svelte
index 0af45daad..036bff254 100644
--- a/web/src/routes/admin/system-settings/MachineLearningSettings.svelte
+++ b/web/src/routes/admin/system-settings/MachineLearningSettings.svelte
@@ -1,19 +1,19 @@
 <script lang="ts">
-  import { createPreloadedQuery } from '#lib/queries/client.ts';
-  import { getAdminConfigQuery } from '#lib/queries/config-admin.query.ts';
   import SettingAccordion from '#lib/components/shared-components/settings/SettingAccordion.svelte';
   import SettingInputField from '#lib/components/shared-components/settings/SettingInputField.svelte';
-  import SettingSelect from './SettingSelect.svelte';
   import SettingSwitch from '#lib/components/shared-components/settings/SettingSwitch.svelte';
   import SettingButtonsRow from '#lib/components/shared-components/settings/SystemConfigButtonRow.svelte';
   import { SettingInputFieldType } from '#lib/constants.ts';
   import FormatMessage from '#lib/elements/FormatMessage.svelte';
   import { featureFlagsManager } from '#lib/managers/feature-flags-manager.svelte.ts';
+  import { createPreloadedQuery } from '#lib/queries/client.ts';
+  import { getAdminConfigQuery } from '#lib/queries/config-admin.query.ts';
   import { Button, IconButton } from '@immich/ui';
   import { mdiPlus, mdiTrashCanOutline } from '@mdi/js';
-  import { isEqual, cloneDeep } from 'lodash-es';
+  import { cloneDeep, isEqual } from 'lodash-es';
   import { t } from 'svelte-i18n';
   import { fade } from 'svelte/transition';
+  import SettingSelect from './SettingSelect.svelte';
 
   const query = createPreloadedQuery(getAdminConfigQuery);
   const config = $derived(query.data);
diff --git a/web/src/routes/admin/system-settings/MapSettings.svelte b/web/src/routes/admin/system-settings/MapSettings.svelte
index c248e0b3b..fb7c9e405 100644
--- a/web/src/routes/admin/system-settings/MapSettings.svelte
+++ b/web/src/routes/admin/system-settings/MapSettings.svelte
@@ -1,7 +1,4 @@
 <script lang="ts">
-  import { createPreloadedQuery } from '#lib/queries/client.ts';
-  import { getAdminConfigQuery } from '#lib/queries/config-admin.query.ts';
-  import { cloneDeep } from 'lodash-es';
   import SettingAccordion from '#lib/components/shared-components/settings/SettingAccordion.svelte';
   import SettingInputField from '#lib/components/shared-components/settings/SettingInputField.svelte';
   import SettingSwitch from '#lib/components/shared-components/settings/SettingSwitch.svelte';
@@ -9,7 +6,10 @@
   import { SettingInputFieldType } from '#lib/constants.ts';
   import FormatMessage from '#lib/elements/FormatMessage.svelte';
   import { featureFlagsManager } from '#lib/managers/feature-flags-manager.svelte.ts';
+  import { createPreloadedQuery } from '#lib/queries/client.ts';
+  import { getAdminConfigQuery } from '#lib/queries/config-admin.query.ts';
   import { Link } from '@immich/ui';
+  import { cloneDeep } from 'lodash-es';
   import { t } from 'svelte-i18n';
   import { fade } from 'svelte/transition';
 
diff --git a/web/src/routes/admin/system-settings/MetadataSettings.svelte b/web/src/routes/admin/system-settings/MetadataSettings.svelte
index 59b4ca4ef..49faca8af 100644
--- a/web/src/routes/admin/system-settings/MetadataSettings.svelte
+++ b/web/src/routes/admin/system-settings/MetadataSettings.svelte
@@ -1,10 +1,10 @@
 <script lang="ts">
+  import SettingSwitch from '#lib/components/shared-components/settings/SettingSwitch.svelte';
+  import SettingButtonsRow from '#lib/components/shared-components/settings/SystemConfigButtonRow.svelte';
+  import { featureFlagsManager } from '#lib/managers/feature-flags-manager.svelte.ts';
   import { createPreloadedQuery } from '#lib/queries/client.ts';
   import { getAdminConfigQuery } from '#lib/queries/config-admin.query.ts';
   import { cloneDeep } from 'lodash-es';
-  import SettingButtonsRow from '#lib/components/shared-components/settings/SystemConfigButtonRow.svelte';
-  import SettingSwitch from '#lib/components/shared-components/settings/SettingSwitch.svelte';
-  import { featureFlagsManager } from '#lib/managers/feature-flags-manager.svelte.ts';
   import { t } from 'svelte-i18n';
   import { fade } from 'svelte/transition';
 
diff --git a/web/src/routes/admin/system-settings/NewVersionCheckSettings.svelte b/web/src/routes/admin/system-settings/NewVersionCheckSettings.svelte
index 5b36e811e..f4fc10b21 100644
--- a/web/src/routes/admin/system-settings/NewVersionCheckSettings.svelte
+++ b/web/src/routes/admin/system-settings/NewVersionCheckSettings.svelte
@@ -1,14 +1,14 @@
 <script lang="ts">
+  import SettingSwitch from '#lib/components/shared-components/settings/SettingSwitch.svelte';
+  import SettingButtonsRow from '#lib/components/shared-components/settings/SystemConfigButtonRow.svelte';
+  import { featureFlagsManager } from '#lib/managers/feature-flags-manager.svelte.ts';
   import { createPreloadedQuery } from '#lib/queries/client.ts';
   import { getAdminConfigQuery } from '#lib/queries/config-admin.query.ts';
+  import { ReleaseChannel } from '@immich/sdk';
   import { cloneDeep } from 'lodash-es';
-  import SettingButtonsRow from '#lib/components/shared-components/settings/SystemConfigButtonRow.svelte';
-  import SettingSwitch from '#lib/components/shared-components/settings/SettingSwitch.svelte';
-  import { featureFlagsManager } from '#lib/managers/feature-flags-manager.svelte.ts';
   import { t } from 'svelte-i18n';
   import { fade } from 'svelte/transition';
   import SettingSelect from './SettingSelect.svelte';
-  import { ReleaseChannel } from '@immich/sdk';
 
   const query = createPreloadedQuery(getAdminConfigQuery);
   const config = $derived(query.data);
diff --git a/web/src/routes/admin/system-settings/NightlyTasksSettings.svelte b/web/src/routes/admin/system-settings/NightlyTasksSettings.svelte
index 3699ab2ac..186e26959 100644
--- a/web/src/routes/admin/system-settings/NightlyTasksSettings.svelte
+++ b/web/src/routes/admin/system-settings/NightlyTasksSettings.svelte
@@ -1,12 +1,12 @@
 <script lang="ts">
+  import SettingInputField from '#lib/components/shared-components/settings/SettingInputField.svelte';
+  import SettingSwitch from '#lib/components/shared-components/settings/SettingSwitch.svelte';
+  import SettingButtonsRow from '#lib/components/shared-components/settings/SystemConfigButtonRow.svelte';
+  import { SettingInputFieldType } from '#lib/constants.ts';
+  import { featureFlagsManager } from '#lib/managers/feature-flags-manager.svelte.ts';
   import { createPreloadedQuery } from '#lib/queries/client.ts';
   import { getAdminConfigQuery } from '#lib/queries/config-admin.query.ts';
   import { cloneDeep } from 'lodash-es';
-  import SettingButtonsRow from '#lib/components/shared-components/settings/SystemConfigButtonRow.svelte';
-  import SettingInputField from '#lib/components/shared-components/settings/SettingInputField.svelte';
-  import SettingSwitch from '#lib/components/shared-components/settings/SettingSwitch.svelte';
-  import { SettingInputFieldType } from '#lib/constants.ts';
-  import { featureFlagsManager } from '#lib/managers/feature-flags-manager.svelte.ts';
   import { t } from 'svelte-i18n';
   import { fade } from 'svelte/transition';
 
diff --git a/web/src/routes/admin/system-settings/NotificationSettings.svelte b/web/src/routes/admin/system-settings/NotificationSettings.svelte
index f3cb692ac..bdf241ec0 100644
--- a/web/src/routes/admin/system-settings/NotificationSettings.svelte
+++ b/web/src/routes/admin/system-settings/NotificationSettings.svelte
@@ -1,6 +1,4 @@
 <script lang="ts">
-  import { cloneDeep } from 'lodash-es';
-  import TemplateSettings from './TemplateSettings.svelte';
   import SettingAccordion from '#lib/components/shared-components/settings/SettingAccordion.svelte';
   import SettingInputField from '#lib/components/shared-components/settings/SettingInputField.svelte';
   import SettingSwitch from '#lib/components/shared-components/settings/SettingSwitch.svelte';
@@ -13,8 +11,10 @@
   import { handleError } from '#lib/utils/handle-error.ts';
   import { sendTestEmailAdmin } from '@immich/sdk';
   import { Button, toastManager } from '@immich/ui';
+  import { cloneDeep } from 'lodash-es';
   import { t } from 'svelte-i18n';
   import { fade } from 'svelte/transition';
+  import TemplateSettings from './TemplateSettings.svelte';
 
   const query = createPreloadedQuery(getAdminConfigQuery);
   const config = $derived(query.data);
diff --git a/web/src/routes/admin/system-settings/ServerSettings.svelte b/web/src/routes/admin/system-settings/ServerSettings.svelte
index 92ac92fbd..15755649e 100644
--- a/web/src/routes/admin/system-settings/ServerSettings.svelte
+++ b/web/src/routes/admin/system-settings/ServerSettings.svelte
@@ -1,12 +1,12 @@
 <script lang="ts">
+  import SettingInputField from '#lib/components/shared-components/settings/SettingInputField.svelte';
+  import SettingSwitch from '#lib/components/shared-components/settings/SettingSwitch.svelte';
+  import SettingButtonsRow from '#lib/components/shared-components/settings/SystemConfigButtonRow.svelte';
+  import { SettingInputFieldType } from '#lib/constants.ts';
+  import { featureFlagsManager } from '#lib/managers/feature-flags-manager.svelte.ts';
   import { createPreloadedQuery } from '#lib/queries/client.ts';
   import { getAdminConfigQuery } from '#lib/queries/config-admin.query.ts';
   import { cloneDeep } from 'lodash-es';
-  import SettingButtonsRow from '#lib/components/shared-components/settings/SystemConfigButtonRow.svelte';
-  import SettingInputField from '#lib/components/shared-components/settings/SettingInputField.svelte';
-  import SettingSwitch from '#lib/components/shared-components/settings/SettingSwitch.svelte';
-  import { SettingInputFieldType } from '#lib/constants.ts';
-  import { featureFlagsManager } from '#lib/managers/feature-flags-manager.svelte.ts';
   import { t } from 'svelte-i18n';
   import { fade } from 'svelte/transition';
 
diff --git a/web/src/routes/admin/system-settings/TemplateSettings.svelte b/web/src/routes/admin/system-settings/TemplateSettings.svelte
index 638a8bc02..296c2a9cd 100644
--- a/web/src/routes/admin/system-settings/TemplateSettings.svelte
+++ b/web/src/routes/admin/system-settings/TemplateSettings.svelte
@@ -1,16 +1,16 @@
 <script lang="ts">
   import SettingAccordion from '#lib/components/shared-components/settings/SettingAccordion.svelte';
-  import SettingTextarea from './SettingTextarea.svelte';
   import FormatMessage from '#lib/elements/FormatMessage.svelte';
+  import EmailTemplatePreviewModal from '#lib/modals/EmailTemplatePreviewModal.svelte';
   import { createPreloadedQuery } from '#lib/queries/client.ts';
   import { getAdminConfigQuery } from '#lib/queries/config-admin.query.ts';
-  import EmailTemplatePreviewModal from '#lib/modals/EmailTemplatePreviewModal.svelte';
   import { handleError } from '#lib/utils/handle-error.ts';
-  import { type AdminConfigDto, type AdminConfigTemplateEmailsDto, getNotificationTemplateAdmin } from '@immich/sdk';
+  import { getNotificationTemplateAdmin, type AdminConfigDto, type AdminConfigTemplateEmailsDto } from '@immich/sdk';
   import { Button, Icon, LoadingSpinner, modalManager } from '@immich/ui';
   import { mdiEyeOutline } from '@mdi/js';
   import { t } from 'svelte-i18n';
   import { fade } from 'svelte/transition';
+  import SettingTextarea from './SettingTextarea.svelte';
 
   interface Props {
     config: AdminConfigDto;
diff --git a/web/src/routes/admin/system-settings/ThemeSettings.svelte b/web/src/routes/admin/system-settings/ThemeSettings.svelte
index 0e2e50af0..941f46ee6 100644
--- a/web/src/routes/admin/system-settings/ThemeSettings.svelte
+++ b/web/src/routes/admin/system-settings/ThemeSettings.svelte
@@ -1,12 +1,12 @@
 <script lang="ts">
+  import SettingButtonsRow from '#lib/components/shared-components/settings/SystemConfigButtonRow.svelte';
+  import { featureFlagsManager } from '#lib/managers/feature-flags-manager.svelte.ts';
   import { createPreloadedQuery } from '#lib/queries/client.ts';
   import { getAdminConfigQuery } from '#lib/queries/config-admin.query.ts';
   import { cloneDeep } from 'lodash-es';
-  import SettingButtonsRow from '#lib/components/shared-components/settings/SystemConfigButtonRow.svelte';
-  import SettingTextarea from './SettingTextarea.svelte';
-  import { featureFlagsManager } from '#lib/managers/feature-flags-manager.svelte.ts';
   import { t } from 'svelte-i18n';
   import { fade } from 'svelte/transition';
+  import SettingTextarea from './SettingTextarea.svelte';
 
   const query = createPreloadedQuery(getAdminConfigQuery);
   const config = $derived(query.data);
diff --git a/web/src/routes/admin/system-settings/TrashSettings.svelte b/web/src/routes/admin/system-settings/TrashSettings.svelte
index c2d72e989..3759ce943 100644
--- a/web/src/routes/admin/system-settings/TrashSettings.svelte
+++ b/web/src/routes/admin/system-settings/TrashSettings.svelte
@@ -1,12 +1,12 @@
 <script lang="ts">
+  import SettingInputField from '#lib/components/shared-components/settings/SettingInputField.svelte';
+  import SettingSwitch from '#lib/components/shared-components/settings/SettingSwitch.svelte';
+  import SettingButtonsRow from '#lib/components/shared-components/settings/SystemConfigButtonRow.svelte';
+  import { SettingInputFieldType } from '#lib/constants.ts';
+  import { featureFlagsManager } from '#lib/managers/feature-flags-manager.svelte.ts';
   import { createPreloadedQuery } from '#lib/queries/client.ts';
   import { getAdminConfigQuery } from '#lib/queries/config-admin.query.ts';
   import { cloneDeep } from 'lodash-es';
-  import SettingButtonsRow from '#lib/components/shared-components/settings/SystemConfigButtonRow.svelte';
-  import SettingInputField from '#lib/components/shared-components/settings/SettingInputField.svelte';
-  import SettingSwitch from '#lib/components/shared-components/settings/SettingSwitch.svelte';
-  import { SettingInputFieldType } from '#lib/constants.ts';
-  import { featureFlagsManager } from '#lib/managers/feature-flags-manager.svelte.ts';
   import { t } from 'svelte-i18n';
   import { fade } from 'svelte/transition';
 
diff --git a/web/src/routes/admin/system-settings/UserSettings.svelte b/web/src/routes/admin/system-settings/UserSettings.svelte
index 37b0ff4b0..3fd3e1e53 100644
--- a/web/src/routes/admin/system-settings/UserSettings.svelte
+++ b/web/src/routes/admin/system-settings/UserSettings.svelte
@@ -1,14 +1,13 @@
 <script lang="ts">
+  import SettingInputField from '#lib/components/shared-components/settings/SettingInputField.svelte';
+  import SettingButtonsRow from '#lib/components/shared-components/settings/SystemConfigButtonRow.svelte';
+  import { SettingInputFieldType } from '#lib/constants.ts';
+  import { featureFlagsManager } from '#lib/managers/feature-flags-manager.svelte.ts';
   import { createPreloadedQuery } from '#lib/queries/client.ts';
   import { getAdminConfigQuery } from '#lib/queries/config-admin.query.ts';
   import { cloneDeep } from 'lodash-es';
-  import { fade } from 'svelte/transition';
-
-  import SettingButtonsRow from '#lib/components/shared-components/settings/SystemConfigButtonRow.svelte';
-  import SettingInputField from '#lib/components/shared-components/settings/SettingInputField.svelte';
-  import { SettingInputFieldType } from '#lib/constants.ts';
-  import { featureFlagsManager } from '#lib/managers/feature-flags-manager.svelte.ts';
   import { t } from 'svelte-i18n';
+  import { fade } from 'svelte/transition';
 
   const query = createPreloadedQuery(getAdminConfigQuery);
   const config = $derived(query.data);
diff --git a/web/src/routes/admin/users/(list)/new/+page.svelte b/web/src/routes/admin/users/(list)/new/+page.svelte
index 28bace58b..d1fb894c1 100644
--- a/web/src/routes/admin/users/(list)/new/+page.svelte
+++ b/web/src/routes/admin/users/(list)/new/+page.svelte
@@ -1,14 +1,14 @@
 <script lang="ts">
-  import { goto } from '$app/navigation';
-  import { Route } from '#lib/route.ts';
   import { createPreloadedQuery, executeMutation } from '#lib/queries/client.ts';
+  import { getUserConfigQuery } from '#lib/queries/config-user.query.ts';
   import { getStorageQuery } from '#lib/queries/server-info.query.ts';
   import { createUserAdminMutation } from '#lib/queries/user-admin.query.ts';
+  import { Route } from '#lib/route.ts';
   import { ByteUnit, convertToBytes } from '#lib/utils/byte-units.ts';
   import { Field, FormModal, HelperText, Input, PasswordInput, Stack, Switch } from '@immich/ui';
   import { createQuery } from '@tanstack/svelte-query';
   import { t } from 'svelte-i18n';
-  import { getUserConfigQuery } from '#lib/queries/config-user.query.ts';
+  import { goto } from '$app/navigation';
 
   const queries = {
     config: createPreloadedQuery(getUserConfigQuery),
diff --git a/web/src/routes/admin/users/[id]/+layout.svelte b/web/src/routes/admin/users/[id]/+layout.svelte
index ac66cfaeb..27f4d4ddf 100644
--- a/web/src/routes/admin/users/[id]/+layout.svelte
+++ b/web/src/routes/admin/users/[id]/+layout.svelte
@@ -1,12 +1,12 @@
 <script lang="ts">
-  import { goto } from '$app/navigation';
   import AdminCard from '#lib/components/AdminCard.svelte';
-  import AdminPageLayout from '#lib/components/layouts/AdminPageLayout.svelte';
+  import CalendarHeatmap from '#lib/components/CalendarHeatmap.svelte';
   import OnEvents from '#lib/components/OnEvents.svelte';
+  import AdminPageLayout from '#lib/components/layouts/AdminPageLayout.svelte';
   import ServerStatisticsCard from '#lib/components/server-statistics/ServerStatisticsCard.svelte';
   import UserAvatar from '#lib/components/shared-components/UserAvatar.svelte';
   import DeviceCard from '#lib/components/user-settings-page/DeviceCard.svelte';
-  import FeatureSetting from './FeatureSetting.svelte';
+  import Skeleton from '#lib/elements/Skeleton.svelte';
   import { createPreloadedQuery } from '#lib/queries/client.ts';
   import {
     getUserAdminQuery,
@@ -27,13 +27,13 @@
     Code,
     CommandPaletteDefaultProvider,
     Container,
-    getByteUnitString,
     Heading,
     Icon,
     MenuItemType,
     Meter,
     Stack,
     Text,
+    getByteUnitString,
   } from '@immich/ui';
   import {
     mdiAccountOutline,
@@ -49,9 +49,9 @@
   } from '@mdi/js';
   import { createQuery } from '@tanstack/svelte-query';
   import { t } from 'svelte-i18n';
+  import { goto } from '$app/navigation';
   import type { LayoutProps } from './$types';
-  import Skeleton from '#lib/elements/Skeleton.svelte';
-  import CalendarHeatmap from '#lib/components/CalendarHeatmap.svelte';
+  import FeatureSetting from './FeatureSetting.svelte';
 
   const { children, params }: LayoutProps = $props();
 
diff --git a/web/src/routes/admin/users/[id]/edit/+page.svelte b/web/src/routes/admin/users/[id]/edit/+page.svelte
index fac8e01a5..68df32f59 100644
--- a/web/src/routes/admin/users/[id]/edit/+page.svelte
+++ b/web/src/routes/admin/users/[id]/edit/+page.svelte
@@ -1,15 +1,15 @@
 <script lang="ts">
-  import { goto } from '$app/navigation';
   import { authManager } from '#lib/managers/auth-manager.svelte.ts';
-  import { Route } from '#lib/route.ts';
   import { createPreloadedQuery, executeMutation } from '#lib/queries/client.ts';
   import { getStorageQuery } from '#lib/queries/server-info.query.ts';
   import { getUserAdminQuery, updateUserAdminMutation } from '#lib/queries/user-admin.query.ts';
+  import { Route } from '#lib/route.ts';
   import { ByteUnit, convertFromBytes, convertToBytes } from '#lib/utils/byte-units.ts';
   import { Field, FormModal, Input, Link, NumberInput, Switch, Text } from '@immich/ui';
-  import { createQuery } from '@tanstack/svelte-query';
   import { mdiAccountEditOutline } from '@mdi/js';
+  import { createQuery } from '@tanstack/svelte-query';
   import { t } from 'svelte-i18n';
+  import { goto } from '$app/navigation';
   import type { PageProps } from './$types';
 
   const { params }: PageProps = $props();
diff --git a/web/src/routes/auth/change-password/+page.svelte b/web/src/routes/auth/change-password/+page.svelte
index 998e0f711..5bd71a130 100644
--- a/web/src/routes/auth/change-password/+page.svelte
+++ b/web/src/routes/auth/change-password/+page.svelte
@@ -1,11 +1,11 @@
 <script lang="ts">
-  import { goto } from '$app/navigation';
   import AuthPageLayout from '#lib/components/layouts/AuthPageLayout.svelte';
   import { authManager } from '#lib/managers/auth-manager.svelte.ts';
   import { Route } from '#lib/route.ts';
   import { handleChangePassword } from '#lib/services/user.service.ts';
   import { Alert, Button, Field, HelperText, PasswordInput, Stack, Text } from '@immich/ui';
   import { t } from 'svelte-i18n';
+  import { goto } from '$app/navigation';
   import type { PageData } from './$types';
 
   interface Props {
diff --git a/web/src/routes/auth/login/+page.svelte b/web/src/routes/auth/login/+page.svelte
index ee15c0e43..f3611e12f 100644
--- a/web/src/routes/auth/login/+page.svelte
+++ b/web/src/routes/auth/login/+page.svelte
@@ -1,21 +1,21 @@
 <script lang="ts">
-  import { goto } from '$app/navigation';
   import AuthPageLayout from '#lib/components/layouts/AuthPageLayout.svelte';
   import { eventManager } from '#lib/managers/event-manager.svelte.ts';
-  import { createPreloadedQuery, MutationCancelledError } from '#lib/queries/client.ts';
+  import { MutationCancelledError, createPreloadedQuery } from '#lib/queries/client.ts';
   import { getPublicConfigQuery } from '#lib/queries/config-public.query.ts';
   import { loginWithPasskeyMutation } from '#lib/queries/passkey.query.ts';
   import { getServerConfigQuery } from '#lib/queries/server-info.query.ts';
   import { Route } from '#lib/route.ts';
-  import { browserSupportsWebAuthn } from '@simplewebauthn/browser';
-  import { createMutation } from '@tanstack/svelte-query';
   import { oauth } from '#lib/utils.ts';
   import { getServerErrorMessage, handleError } from '#lib/utils/handle-error.ts';
   import { login, type LoginResponseDto } from '@immich/sdk';
   import { Alert, Button, Field, Input, PasswordInput, Stack } from '@immich/ui';
   import { mdiShieldKeyOutline } from '@mdi/js';
+  import { browserSupportsWebAuthn } from '@simplewebauthn/browser';
+  import { createMutation } from '@tanstack/svelte-query';
   import { onMount } from 'svelte';
   import { t } from 'svelte-i18n';
+  import { goto } from '$app/navigation';
   import type { PageData } from './$types';
 
   interface Props {
diff --git a/web/src/routes/auth/onboarding/+page.svelte b/web/src/routes/auth/onboarding/+page.svelte
index 745c73d7a..fb7757376 100644
--- a/web/src/routes/auth/onboarding/+page.svelte
+++ b/web/src/routes/auth/onboarding/+page.svelte
@@ -1,16 +1,7 @@
 <script lang="ts">
-  import { goto } from '$app/navigation';
-  import { page } from '$app/state';
-  import OnboardingBackup from './OnboardingBackup.svelte';
-  import OnboardingCard from './OnboardingCard.svelte';
-  import OnboardingHello from './OnboardingHello.svelte';
-  import OnboardingLocale from './OnboardingLanguage.svelte';
-  import OnboardingMobileApp from './OnboardingMobileApp.svelte';
-  import OnboardingServerPrivacy from './OnboardingServerPrivacy.svelte';
-  import OnboardingStorageTemplate from './OnboardingStorageTemplate.svelte';
-  import OnboardingTheme from './OnboardingTheme.svelte';
-  import OnboardingUserPrivacy from './OnboardingUserPrivacy.svelte';
   import { authManager } from '#lib/managers/auth-manager.svelte.ts';
+  import { createPreloadedQuery, queryClient } from '#lib/queries/client.ts';
+  import { getServerConfigQuery } from '#lib/queries/server-info.query.ts';
   import { Route } from '#lib/route.ts';
   import { OnboardingRole } from '#lib/types.ts';
   import { setUserOnboarding, updateAdminOnboarding } from '@immich/sdk';
@@ -23,8 +14,17 @@
     mdiTranslate,
   } from '@mdi/js';
   import { t } from 'svelte-i18n';
-  import { createPreloadedQuery, queryClient } from '#lib/queries/client.ts';
-  import { getServerConfigQuery } from '#lib/queries/server-info.query.ts';
+  import { goto } from '$app/navigation';
+  import { page } from '$app/state';
+  import OnboardingBackup from './OnboardingBackup.svelte';
+  import OnboardingCard from './OnboardingCard.svelte';
+  import OnboardingHello from './OnboardingHello.svelte';
+  import OnboardingLocale from './OnboardingLanguage.svelte';
+  import OnboardingMobileApp from './OnboardingMobileApp.svelte';
+  import OnboardingServerPrivacy from './OnboardingServerPrivacy.svelte';
+  import OnboardingStorageTemplate from './OnboardingStorageTemplate.svelte';
+  import OnboardingTheme from './OnboardingTheme.svelte';
+  import OnboardingUserPrivacy from './OnboardingUserPrivacy.svelte';
 
   const query = createPreloadedQuery(getServerConfigQuery);
   const serverConfig = $derived(query.data);
diff --git a/web/src/routes/auth/onboarding/OnboardingHello.svelte b/web/src/routes/auth/onboarding/OnboardingHello.svelte
index f7a845e33..ccd9a6b61 100644
--- a/web/src/routes/auth/onboarding/OnboardingHello.svelte
+++ b/web/src/routes/auth/onboarding/OnboardingHello.svelte
@@ -1,10 +1,10 @@
 <script lang="ts">
   import { authManager } from '#lib/managers/auth-manager.svelte.ts';
+  import { createPreloadedQuery } from '#lib/queries/client.ts';
+  import { getServerConfigQuery } from '#lib/queries/server-info.query.ts';
   import { OnboardingRole } from '#lib/types.ts';
   import { Logo } from '@immich/ui';
   import { t } from 'svelte-i18n';
-  import { createPreloadedQuery } from '#lib/queries/client.ts';
-  import { getServerConfigQuery } from '#lib/queries/server-info.query.ts';
 
   const query = createPreloadedQuery(getServerConfigQuery);
   const serverConfig = $derived(query.data);
diff --git a/web/src/routes/auth/onboarding/OnboardingTheme.svelte b/web/src/routes/auth/onboarding/OnboardingTheme.svelte
index a63475c0e..a01bbae1a 100644
--- a/web/src/routes/auth/onboarding/OnboardingTheme.svelte
+++ b/web/src/routes/auth/onboarding/OnboardingTheme.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
   import { moonPath, moonViewBox, sunPath, sunViewBox } from '#lib/assets/svg-paths.ts';
-  import { Icon, themeManager, ThemePreference } from '@immich/ui';
+  import { Icon, ThemePreference, themeManager } from '@immich/ui';
   import { t } from 'svelte-i18n';
 </script>
 
diff --git a/web/src/routes/auth/pin-prompt/+page.svelte b/web/src/routes/auth/pin-prompt/+page.svelte
index 65c1ab749..26a486625 100644
--- a/web/src/routes/auth/pin-prompt/+page.svelte
+++ b/web/src/routes/auth/pin-prompt/+page.svelte
@@ -1,5 +1,4 @@
 <script lang="ts">
-  import { goto } from '$app/navigation';
   import AuthPageLayout from '#lib/components/layouts/AuthPageLayout.svelte';
   import PinCodeCreateForm from '#lib/components/user-settings-page/PinCodeCreateForm.svelte';
   import { Route } from '#lib/route.ts';
@@ -9,6 +8,7 @@
   import { mdiLockOpenVariantOutline, mdiLockOutline, mdiLockSmart } from '@mdi/js';
   import { t } from 'svelte-i18n';
   import { fade } from 'svelte/transition';
+  import { goto } from '$app/navigation';
   import type { PageData } from './$types';
 
   interface Props {
diff --git a/web/src/routes/auth/register/+page.svelte b/web/src/routes/auth/register/+page.svelte
index 71b917d6c..9c19cd9d9 100644
--- a/web/src/routes/auth/register/+page.svelte
+++ b/web/src/routes/auth/register/+page.svelte
@@ -1,5 +1,4 @@
 <script lang="ts">
-  import { goto } from '$app/navigation';
   import AuthPageLayout from '#lib/components/layouts/AuthPageLayout.svelte';
   import { queryClient } from '#lib/queries/client.ts';
   import { getServerConfigQuery } from '#lib/queries/server-info.query.ts';
@@ -8,6 +7,7 @@
   import { signUpAdmin } from '@immich/sdk';
   import { Alert, Button, Field, Input, PasswordInput, Text } from '@immich/ui';
   import { t } from 'svelte-i18n';
+  import { goto } from '$app/navigation';
   import type { PageData } from './$types';
 
   let email = $state('');
diff --git a/web/src/routes/maintenance/+page.svelte b/web/src/routes/maintenance/+page.svelte
index 3be727cc8..22e6834cc 100644
--- a/web/src/routes/maintenance/+page.svelte
+++ b/web/src/routes/maintenance/+page.svelte
@@ -1,15 +1,15 @@
 <script lang="ts">
   /* eslint-disable unicorn/no-optional-chaining-on-undeclared-variable */
   import AuthPageLayout from '#lib/components/layouts/AuthPageLayout.svelte';
-  import MaintenanceRestoreFlow from './MaintenanceRestoreFlow.svelte';
   import FormatMessage from '#lib/elements/FormatMessage.svelte';
   import { handleSetMaintenanceMode } from '#lib/services/maintenance.service.ts';
   import { maintenanceStore } from '#lib/stores/maintenance.store.ts';
+  import { ViewStatusModal, YuccaContext } from '@futo-org/backups-orchestrator-ui';
   import { MaintenanceAction } from '@immich/sdk';
   import { Button, Heading, Link, ProgressBar, Scrollable, Text } from '@immich/ui';
-  import { YuccaContext, ViewStatusModal } from '@futo-org/backups-orchestrator-ui';
   import { t } from 'svelte-i18n';
   import type { PageData } from './$types';
+  import MaintenanceRestoreFlow from './MaintenanceRestoreFlow.svelte';
 
   type Props = {
     data: PageData;
diff --git a/web/src/routes/maintenance/MaintenanceRestoreFlow.svelte b/web/src/routes/maintenance/MaintenanceRestoreFlow.svelte
index 76b2b9b70..846cd8551 100644
--- a/web/src/routes/maintenance/MaintenanceRestoreFlow.svelte
+++ b/web/src/routes/maintenance/MaintenanceRestoreFlow.svelte
@@ -1,9 +1,9 @@
 <script lang="ts">
+  import { ImmichOnboardingRestoreFlow } from '@futo-org/backups-orchestrator-ui';
   import RestoreFlowAutoSelectBackup from './RestoreFlowAutoSelectBackup.svelte';
   import RestoreFlowDetectInstall from './RestoreFlowDetectInstall.svelte';
   import RestoreFlowIntro from './RestoreFlowIntro.svelte';
   import RestoreFlowSelectBackup from './RestoreFlowSelectBackup.svelte';
-  import { ImmichOnboardingRestoreFlow } from '@futo-org/backups-orchestrator-ui';
 
   type Props = {
     end: () => void;
diff --git a/web/src/routes/maintenance/RestoreFlowAutoSelectBackup.svelte b/web/src/routes/maintenance/RestoreFlowAutoSelectBackup.svelte
index e94c5d9f9..06ff6475f 100644
--- a/web/src/routes/maintenance/RestoreFlowAutoSelectBackup.svelte
+++ b/web/src/routes/maintenance/RestoreFlowAutoSelectBackup.svelte
@@ -5,10 +5,10 @@
     handleRestoreDatabaseBackup,
     loadDatabaseBackups,
   } from '#lib/services/database-backups.service.ts';
-  import type { DatabaseBackupDto } from '@immich/sdk';
-  import { Alert, Button, Heading, HStack, Icon, Text } from '@immich/ui';
-  import { mdiArrowRight, mdiRefresh } from '@mdi/js';
   import { handleError } from '#lib/utils/handle-error.ts';
+  import type { DatabaseBackupDto } from '@immich/sdk';
+  import { Alert, Button, HStack, Heading, Icon, Text } from '@immich/ui';
+  import { mdiArrowRight, mdiRefresh } from '@mdi/js';
   import { onMount } from 'svelte';
   import { t } from 'svelte-i18n';
 
diff --git a/web/src/routes/maintenance/RestoreFlowDetectInstall.svelte b/web/src/routes/maintenance/RestoreFlowDetectInstall.svelte
index 08009e6a2..9f417131e 100644
--- a/web/src/routes/maintenance/RestoreFlowDetectInstall.svelte
+++ b/web/src/routes/maintenance/RestoreFlowDetectInstall.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
   import { detectPriorInstall, type MaintenanceDetectInstallResponseDto } from '@immich/sdk';
-  import { Button, Heading, HStack, Icon, Stack, Text } from '@immich/ui';
+  import { Button, HStack, Heading, Icon, Stack, Text } from '@immich/ui';
   import { mdiAlert, mdiArrowRight, mdiCheck, mdiClose, mdiRefresh } from '@mdi/js';
   import { onMount } from 'svelte';
   import { t } from 'svelte-i18n';
diff --git a/web/src/routes/maintenance/RestoreFlowIntro.svelte b/web/src/routes/maintenance/RestoreFlowIntro.svelte
index 83a3a1db2..68a2122d0 100644
--- a/web/src/routes/maintenance/RestoreFlowIntro.svelte
+++ b/web/src/routes/maintenance/RestoreFlowIntro.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-  import { Button, Heading, HStack } from '@immich/ui';
+  import { Button, HStack, Heading } from '@immich/ui';
   import { mdiArrowRight } from '@mdi/js';
   import { t } from 'svelte-i18n';
 
diff --git a/web/src/routes/maintenance/RestoreFlowSelectBackup.svelte b/web/src/routes/maintenance/RestoreFlowSelectBackup.svelte
index e1d2f8c68..d2d2d916c 100644
--- a/web/src/routes/maintenance/RestoreFlowSelectBackup.svelte
+++ b/web/src/routes/maintenance/RestoreFlowSelectBackup.svelte
@@ -1,8 +1,8 @@
 <script lang="ts">
-  import { Button, Heading, HStack, Scrollable } from '@immich/ui';
+  import MaintenanceBackupsList from '#lib/components/maintenance/MaintenanceBackupsList.svelte';
+  import { Button, HStack, Heading, Scrollable } from '@immich/ui';
   import { mdiArrowLeft } from '@mdi/js';
   import { t } from 'svelte-i18n';
-  import MaintenanceBackupsList from '#lib/components/maintenance/MaintenanceBackupsList.svelte';
 
   type Props = {
     previous: () => void;
diff --git a/web/test/common/factories.ts b/web/test/common/factories.ts
index 2453f5aa4..dfbc981df 100644
--- a/web/test/common/factories.ts
+++ b/web/test/common/factories.ts
@@ -5,9 +5,9 @@ import {
   AssetTypeEnum,
   AssetVisibility,
   MemoryType,
+  PersonUpdateStrategy,
   ReactionType,
   SharedLinkType,
-  PersonUpdateStrategy,
   UserAvatarColor,
   UserStatus,
   type ActivityResponseDto,
diff --git a/web/test/medium/matchers.ts b/web/test/medium/matchers.ts
index 661062779..461d51e66 100644
--- a/web/test/medium/matchers.ts
+++ b/web/test/medium/matchers.ts
@@ -1,4 +1,4 @@
-import { matchesCall, Spy } from '#test/common/expectations.ts';
+import { Spy, matchesCall } from '#test/common/expectations.ts';
 import { expect as base, type ExpectMatcherState } from '@playwright/test';
 
 declare global {
diff --git a/web/test/unit/matchers.ts b/web/test/unit/matchers.ts
index 8c33fde77..f37d0410d 100644
--- a/web/test/unit/matchers.ts
+++ b/web/test/unit/matchers.ts
@@ -1,4 +1,4 @@
-import { matchesCall, Spy } from '#test/common/expectations.ts';
+import { Spy, matchesCall } from '#test/common/expectations.ts';
 import { chai, expect } from 'vitest';
 
 type AnySpy = Spy<unknown>;