chore: tailwindcss v4 and z-war clean up (#18358)

* chore: styling tweak

* replace full-screen-modal, update docs

* scrubber

* fix: control app bar in memory viewer

* face lift

* pr feedback

* clean up

web/src/lib/components/photos-page/asset-select-control-bar.svelte

@@ -24,9 +24,10 @@
     clearSelect: () => void;
     ownerId?: string | undefined;
     children?: Snippet;
+    forceDark?: boolean;
   }
 
-  let { assets, clearSelect, ownerId = undefined, children }: Props = $props();
+  let { assets, clearSelect, ownerId = undefined, children, forceDark }: Props = $props();
 
   setContext({
     getAssets: () => assets,
@@ -35,9 +36,11 @@
   });
 </script>
 
-<ControlAppBar onClose={clearSelect} backIcon={mdiClose} tailwindClasses="bg-white shadow-md">
+<ControlAppBar onClose={clearSelect} {forceDark} backIcon={mdiClose} tailwindClasses="bg-white shadow-md">
   {#snippet leading()}
-    <div class="font-medium text-immich-primary dark:text-immich-dark-primary">
+    <div
+      class="font-medium {forceDark ? 'text-immich-dark-primary' : 'text-immich-primary dark:text-immich-dark-primary'}"
+    >
       <p class="block sm:hidden">{assets.length}</p>
       <p class="hidden sm:block">{$t('selected_count', { values: { count: assets.length } })}</p>
     </div>