refactor: content tab styling (#7091)

* refactor: managed content card

* fix: update filter pill styling to be chips-like

* fix: modpack exporting

* fixed: vanilla server projs + header

* refactor: filters

* refactor: detect external file icons + other metadata inside

* refactor: support json5 metadata

* fix: qa

* fix: qa

* fix: fmt + prepr

* fix: fmt

* fix: qa

* fix: headers

* feat: locking

* fix: clippy

* fix: qa

* fix: frozen loc

* fix: shared instances diff calc break

* fix: env filter + remove categories

apps/frontend/src/components/ui/moderation/SharedInstanceReportContext.vue

@@ -17,7 +17,7 @@ import {
 	ConfirmLeaveModal,
 	type ContentItem,
 	injectModrinthClient,
-	ModpackContentModal,
+	ManagedContentModal,
 	Table,
 	type TableColumn,
 	useFormatDateTime,
@@ -76,7 +76,7 @@ const emit = defineEmits<{
 	contentError: [error: unknown]
 }>()
 
-const contentModal = ref<InstanceType<typeof ModpackContentModal> | null>(null)
+const contentModal = ref<InstanceType<typeof ManagedContentModal> | null>(null)
 const banModal = ref<InstanceType<typeof ConfirmLeaveModal> | null>(null)
 const client = injectModrinthClient()
 const contentByVersion = new Map<string, ContentItem[]>()
@@ -406,11 +406,11 @@ function formattedLoader(version: SharedInstanceReportVersion) {
 			</footer>
 		</div>
 
-		<ModpackContentModal
+		<ManagedContentModal
 			ref="contentModal"
 			header="Shared instance content"
-			:modpack-name="contentInstance.name"
-			:modpack-icon-url="contentInstance.icon_url ?? undefined"
+			:source-name="contentInstance.name"
+			:source-icon-url="contentInstance.icon_url ?? undefined"
 		/>
 		<ConfirmLeaveModal
 			ref="banModal"