feat: content tab QA fixes for panel pre-release (#5588)

* feat: use new_filters + other qa fixes

* fix: double admons + lint

packages/ui/src/layouts/shared/content-tab/components/modals/InlineBackupCreator.vue

@@ -43,7 +43,7 @@
 				class="size-5 shrink-0 text-brand-orange hover:brightness-110"
 			/>
 		</div>
-		<span class="text-secondary">
+		<span v-if="!props.hideShiftClickHint" class="text-secondary">
 			{{ formatMessage(messages.shiftClickHint) }}
 		</span>
 	</div>
@@ -60,6 +60,7 @@ import { useInlineBackup } from '../../composables/use-inline-backup'
 
 const props = defineProps<{
 	backupName: string
+	hideShiftClickHint?: boolean
 }>()
 
 const emit = defineEmits<{

packages/ui/src/layouts/shared/installation-settings/components/ContentDiffModal.vue

@@ -3,15 +3,10 @@
 		<div class="max-w-[500px]">
 			<div class="flex flex-col gap-4 p-4">
 				<Admonition :type="hasUnknownContent ? 'warning' : 'info'" :header="admonitionHeader">
-					{{ description }}
-				</Admonition>
-
-				<Admonition
-					v-if="hasUnknownContent"
-					type="warning"
-					:header="formatMessage(messages.unknownContentHeader)"
-				>
-					{{ formatMessage(messages.unknownContentBody) }}
+					<div class="flex flex-col gap-2">
+						<span>{{ description }}</span>
+						<span v-if="hasUnknownContent">{{ formatMessage(messages.unknownContentBody) }}</span>
+					</div>
 				</Admonition>
 
 				<div v-if="diffs.length" class="flex gap-2">
@@ -192,10 +187,6 @@ const messages = defineMessages({
 		id: 'content.diff-modal.updated-count',
 		defaultMessage: '{count} updated',
 	},
-	unknownContentHeader: {
-		id: 'content.diff-modal.unknown-content-header',
-		defaultMessage: 'Unknown content',
-	},
 	unknownContentBody: {
 		id: 'content.diff-modal.unknown-content-body',
 		defaultMessage: