wip: add portal so modals show on Safari in detail panel

web/src/lib/components/asset-viewer/detail-panel-tags.svelte

@@ -1,6 +1,7 @@
 <script lang="ts">
   import Icon from '$lib/components/elements/icon.svelte';
   import TagAssetForm from '$lib/components/forms/tag-asset-form.svelte';
+  import Portal from '$lib/components/shared-components/portal/portal.svelte';
   import { AppRoute } from '$lib/constants';
   import { isSharedLink } from '$lib/utils';
   import { removeTag, tagAssets } from '$lib/utils/asset-utils';
@@ -76,5 +77,7 @@
 {/if}
 
 {#if isOpen}
-  <TagAssetForm onTag={(tagsIds) => handleTag(tagsIds)} onCancel={handleCancel} />
+  <Portal>
+    <TagAssetForm onTag={(tagsIds) => handleTag(tagsIds)} onCancel={handleCancel} />
+  </Portal>
 {/if}

web/src/lib/components/asset-viewer/detail-panel.svelte

@@ -44,6 +44,7 @@
   import { t } from 'svelte-i18n';
   import { goto } from '$app/navigation';
   import DetailPanelTags from '$lib/components/asset-viewer/detail-panel-tags.svelte';
+  import Portal from '$lib/components/shared-components/portal/portal.svelte';
 
   export let asset: AssetResponseDto;
   export let albums: AlbumResponseDto[] = [];
@@ -332,12 +333,14 @@
           })
         : DateTime.now()}
       {@const assetTimeZoneOriginal = asset.exifInfo?.timeZone ?? ''}
-      <ChangeDate
+      <Portal>
-        initialDate={assetDateTimeOriginal}
+        <ChangeDate
-        initialTimeZone={assetTimeZoneOriginal}
+          initialDate={assetDateTimeOriginal}
-        on:confirm={({ detail: date }) => handleConfirmChangeDate(date)}
+          initialTimeZone={assetTimeZoneOriginal}
-        on:cancel={() => (isShowChangeDate = false)}
+          on:confirm={({ detail: date }) => handleConfirmChangeDate(date)}
-      />
+          on:cancel={() => (isShowChangeDate = false)}
+        />
+      </Portal>
     {/if}
 
     {#if asset.exifInfo?.fileSizeInByte}