feat: sites and authors integration into existing screens (& formated all frontend files kinda accidentally)

web/src/components/MediaDetailPanel.vue

@@ -241,7 +241,10 @@ const duplicateAlert = computed(() => {
 						icon="i-lucide-copy"
 						:title="duplicateAlert.title"
 						:description="duplicateAlert.description"
-						:ui="{ actions: 'mt-2 w-full', description: 'text-wrap' }"
+						:ui="{
+							actions: 'mt-2 w-full',
+							description: 'text-wrap',
+						}"
 					>
 						<template #actions>
 							<UButton
@@ -261,7 +264,9 @@ const duplicateAlert = computed(() => {
 					<dl class="grid grid-cols-[110px_minmax(0,1fr)] gap-x-3 gap-y-2 text-toned">
 						<template v-for="row in metadata" :key="row.label">
 							<dt class="text-muted">{{ row.label }}</dt>
-							<dd class="m-0 text-highlighted">{{ row.value }}</dd>
+							<dd class="m-0 text-highlighted">
+								{{ row.value }}
+							</dd>
 						</template>
 						<dt class="text-muted">URL</dt>
 						<dd class="m-0 truncate font-mono text-xs/5 text-highlighted">
@@ -284,7 +289,9 @@ const duplicateAlert = computed(() => {
 									:key="article.id"
 									data-testid="usage-row"
 									class="flex min-h-12 items-center gap-2 px-3 md:min-h-10"
-									:class="{ 'border-t border-muted': index > 0 }"
+									:class="{
+										'border-t border-muted': index > 0,
+									}"
 								>
 									<RouterLink
 										:to="`/article/${article.id}/edit`"