refactor: align files tab with content tab design (#5621)

* fix: files.vue bugs before styling changes

* feat: move files tab to shared layout structure

* fix: qa

* fix: qa

* fix: bugs

* fix: lint

* fix: admonition cleanup with progress + actions

* fix: cleanup

* fix: modals

* fix: admon title

* fix: i18n standard

* fix: lint + i18n pass

* fix: remove transition

* fix: type errors

* feat: files tab in app

* fix: qa

* fix: backup item minmax

* fix: use ContentPageHeader for server panel

* fix: lint

* fix: lint

* fix: lint

* feat: page leave safety

* fix: lint

* fix: cargo fmt fix

* fix: blank in prod

* fix: content card table stuff

* Revert "fix: blank in prod"

This reverts commit 74758fe185.

* fix: import

* feat: browse worlds/servers flow

* fix: worlds tab parity with content tab

* fix: perf bug + shader filter pill copy

* feat: singleplayer filter

* fix: ordering

* fix: breadcrumbs

* fix: lint

* fix: qa

* feat: store server proj id when adding to a non-linked instance

* fix: lint

* fix: i18n + qa

* fix: conflict

* qa: already installed modal + placeholders not server-specific

* fix: qa

* fix: add + edit server modals

* fix: qa

* fix: security

* fix: devin flags

* fix: lint

* chore: change file to break build cache

* fix: admon

* fix: import path stuff

* feat: qa

* fix: fmt fmt idiot

---------

Signed-off-by: Calum H. <calum@modrinth.com>

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

@@ -21,14 +21,6 @@ const messages = defineMessages({
 		id: 'content.selection-bar.selected-count-simple',
 		defaultMessage: '{count, number} selected',
 	},
-	enable: {
-		id: 'content.selection-bar.enable',
-		defaultMessage: 'Enable',
-	},
-	disable: {
-		id: 'content.selection-bar.disable',
-		defaultMessage: 'Disable',
-	},
 	bulkEnabling: {
 		id: 'content.selection-bar.bulk.enabling',
 		defaultMessage: 'Enabling {progress}/{total} {contentType}...',
@@ -162,13 +154,15 @@ const bulkProgressMessage = computed(() => {
 			<ButtonStyled type="transparent">
 				<button
 					v-tooltip="
-						allEnabled ? formatMessage(messages.allAlreadyEnabled) : formatMessage(messages.enable)
+						allEnabled
+							? formatMessage(messages.allAlreadyEnabled)
+							: formatMessage(commonMessages.enableButton)
 					"
 					:disabled="isBusy || allEnabled"
 					@click="emit('enable')"
 				>
 					<PowerIcon />
-					<span class="bar-label">{{ formatMessage(messages.enable) }}</span>
+					<span class="bar-label">{{ formatMessage(commonMessages.enableButton) }}</span>
 				</button>
 			</ButtonStyled>
 			<ButtonStyled type="transparent">
@@ -176,13 +170,13 @@ const bulkProgressMessage = computed(() => {
 					v-tooltip="
 						allDisabled
 							? formatMessage(messages.allAlreadyDisabled)
-							: formatMessage(messages.disable)
+							: formatMessage(commonMessages.disableButton)
 					"
 					:disabled="isBusy || allDisabled"
 					@click="emit('disable')"
 				>
 					<PowerOffIcon />
-					<span class="bar-label">{{ formatMessage(messages.disable) }}</span>
+					<span class="bar-label">{{ formatMessage(commonMessages.disableButton) }}</span>
 				</button>
 			</ButtonStyled>