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 74758fe185cf85a4a20355857f889cb091b97ace.

* 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/layout.vue

@@ -20,7 +20,7 @@ import {
 	TrashIcon,
 	UploadIcon,
 } from '@modrinth/assets'
-import { formatBytes, formatProjectType } from '@modrinth/utils'
+import { formatBytes } from '@modrinth/utils'
 import { computed, ref, watch } from 'vue'
 
 import Admonition from '#ui/components/base/Admonition.vue'
@@ -29,6 +29,7 @@ import EmptyState from '#ui/components/base/EmptyState.vue'
 import OverflowMenu from '#ui/components/base/OverflowMenu.vue'
 import ProgressBar from '#ui/components/base/ProgressBar.vue'
 import StyledInput from '#ui/components/base/StyledInput.vue'
+import { useDebugLogger } from '#ui/composables/debug-logger'
 import { defineMessages, useVIntl } from '#ui/composables/i18n'
 import { commonMessages } from '#ui/utils/common-messages'
 
@@ -50,6 +51,7 @@ import { injectContentManager } from './providers/content-manager'
 import type { ContentCardTableItem, ContentItem } from './types'
 
 const { formatMessage } = useVIntl()
+const debug = useDebugLogger('ContentPageLayout')
 
 const messages = defineMessages({
 	loadingContent: {
@@ -228,7 +230,6 @@ const { selectedFilters, filterOptions, toggleFilter, applyFilters } = useConten
 		showUpdateFilter: ctx.hasUpdateSupport,
 		showClientOnlyFilter: ctx.showClientOnlyFilter ?? false,
 		isPackLocked: ctx.isPackLocked,
-		formatProjectType,
 		persistKey: ctx.filterPersistKey,
 	},
 )
@@ -267,7 +268,7 @@ const filteredItems = computed(() => {
 	return applyFilters(searched)
 })
 const tableItems = computed<ContentCardTableItem[]>(() => {
-	return filteredItems.value.map((item) => {
+	const items = filteredItems.value.map((item) => {
 		const base = ctx.mapToTableItem(item)
 		return {
 			...base,
@@ -282,9 +283,35 @@ const tableItems = computed<ContentCardTableItem[]>(() => {
 			overflowOptions: ctx.getOverflowOptions?.(item),
 		}
 	})
+
+	const updatable = items.filter((i) => i.hasUpdate)
+	if (updatable.length > 0) {
+		debug('tableItems: items with hasUpdate=true', {
+			count: updatable.length,
+			ids: updatable.map((i) => i.id),
+			isPackLocked: ctx.isPackLocked.value,
+		})
+	}
+
+	return items
 })
 
-const hasOutdatedProjects = computed(() => ctx.items.value.some((p) => p.has_update))
+const hasOutdatedProjects = computed(() => {
+	const outdated = ctx.items.value.filter((p) => p.has_update)
+	if (outdated.length > 0) {
+		debug('hasOutdatedProjects: raw items with has_update=true', {
+			count: outdated.length,
+			items: outdated.map((p) => ({
+				id: p.id,
+				fileName: p.file_name,
+				title: p.project?.title,
+				has_update: p.has_update,
+				update_version_id: p.update_version_id,
+			})),
+		})
+	}
+	return outdated.length > 0
+})
 
 //  Deletion
 const pendingDeletionItems = ref<ContentItem[]>([])
@@ -877,7 +904,7 @@ const confirmUnlinkModal = ref<InstanceType<typeof ConfirmUnlinkModal>>()
 			:count="pendingDeletionItems.length"
 			:item-type="ctx.contentTypeLabel.value"
 			:variant="ctx.deletionContext ?? 'instance'"
-			:backup-tip="pendingDeletionItems.map((i) => i.project.title).join(', ')"
+			:backup-tip="pendingDeletionItems.map((i) => i.project?.title ?? i.file_name).join(', ')"
 			@delete="confirmDelete"
 		/>
 		<ConfirmBulkUpdateModal