feat: image variants per image

web/src/components/MediaBadge.vue

@@ -3,7 +3,7 @@ import { computed } from 'vue'
 
 const props = withDefaults(
 	defineProps<{
-		kind: 'unused' | 'duplicate' | 'used' | 'online' | 'draft'
+		kind: 'unused' | 'duplicate' | 'used' | 'online' | 'draft' | 'variants'
 		label: string
 		size?: 'sm' | 'md'
 	}>(),
@@ -21,6 +21,10 @@ const badges = {
 		icon: 'i-lucide-copy',
 		class: 'border border-(--rc-info-soft) bg-(--rc-info-soft) text-info',
 	},
+	variants: {
+		icon: 'i-lucide-layers',
+		class: 'border border-(--rc-info-soft) bg-(--rc-info-soft) text-info',
+	},
 	used: { icon: undefined, class: OUTLINE },
 	online: {
 		icon: 'i-lucide-globe',