feat: image variants per image

web/src/components/variants/VariantRemovalNote.vue

@@ -0,0 +1,20 @@
+<script setup lang="ts">
+import { removalNote } from '@/lib/mediaFormat'
+
+defineProps<{ count: number; bytes: number }>()
+</script>
+
+<template>
+	<UAlert
+		v-if="count > 0"
+		data-testid="variant-removal-note"
+		color="warning"
+		variant="soft"
+		icon="i-lucide-layers"
+		:title="removalNote(count, bytes)"
+		:ui="{
+			root: 'items-center px-3 py-2.5',
+			title: 'font-medium text-highlighted',
+		}"
+	/>
+</template>