fix(web): don't refresh panorama viewer when modifying asset (#14163)

web/src/lib/components/asset-viewer/video-panorama-viewer.svelte

@@ -0,0 +1,29 @@
+<script lang="ts">
+  import { getAssetOriginalUrl } from '$lib/utils';
+  import { fade } from 'svelte/transition';
+  import LoadingSpinner from '../shared-components/loading-spinner.svelte';
+  import { t } from 'svelte-i18n';
+
+  interface Props {
+    assetId: string;
+  }
+
+  const { assetId }: Props = $props();
+
+  const modules = Promise.all([
+    import('./photo-sphere-viewer-adapter.svelte').then((module) => module.default),
+    import('@photo-sphere-viewer/equirectangular-video-adapter').then((module) => module.EquirectangularVideoAdapter),
+    import('@photo-sphere-viewer/video-plugin').then((module) => module.VideoPlugin),
+    import('@photo-sphere-viewer/video-plugin/index.css'),
+  ]);
+</script>
+
+<div transition:fade={{ duration: 150 }} class="flex h-full select-none place-content-center place-items-center">
+  {#await modules}
+    <LoadingSpinner />
+  {:then [PhotoSphereViewer, adapter, videoPlugin]}
+    <PhotoSphereViewer panorama={{ source: getAssetOriginalUrl(assetId) }} plugins={[videoPlugin]} {adapter} navbar />
+  {:catch}
+    {$t('errors.failed_to_load_asset')}
+  {/await}
+</div>