feat(provenance): modal sidebar stacks ProvenancePanel above Tags

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>

frontend/src/components/modal/ImageViewer.vue

@@ -42,7 +42,10 @@
           </v-alert>
         </div>
 
-        <TagPanel v-if="modal.current" />
+        <aside v-if="modal.current" class="fc-viewer__side">
+          <ProvenancePanel />
+          <TagPanel />
+        </aside>
       </div>
     </div>
   </Teleport>
@@ -54,6 +57,7 @@ import { useModalStore } from '../../stores/modal.js'
 import ImageCanvas from './ImageCanvas.vue'
 import VideoCanvas from './VideoCanvas.vue'
 import TagPanel from './TagPanel.vue'
+import ProvenancePanel from './ProvenancePanel.vue'
 
 defineEmits(['close'])
 
@@ -133,13 +137,19 @@ function isTextEntry(el) {
   flex: 1; display: flex; align-items: center; justify-content: center;
   min-width: 0;
 }
+.fc-viewer__side {
+  width: 320px; flex-shrink: 0;
+  background: rgb(var(--v-theme-surface));
+  border-left: 1px solid rgb(var(--v-theme-surface-light));
+  overflow-y: auto;
+}
 
 @media (max-width: 900px) {
   .fc-viewer__body { flex-direction: column; }
-  .fc-tag-panel {
+  .fc-viewer__side {
-    width: 100% !important;
+    width: 100%;
     max-height: 40vh;
-    border-left: none !important;
+    border-left: none;
     border-top: 1px solid rgb(var(--v-theme-surface-light));
   }
 }

frontend/src/components/modal/TagPanel.vue

@@ -103,12 +103,7 @@ async function onRenamed() {
 
 <style scoped>
 .fc-tag-panel {
-  width: 320px;
-  flex-shrink: 0;
   padding: 16px;
-  background: rgb(var(--v-theme-surface));
-  border-left: 1px solid rgb(var(--v-theme-surface-light));
-  overflow-y: auto;
 }
 .fc-tag-panel__title {
   font-family: 'Fraunces', Georgia, serif;