feat: backups page cleanup before worlds (#5844)

* feat: card alignment + fix modals

* feat: change admon title in restore alert modal

* fix: lint

* feat: backups queue api into api-client

* feat: impl backup queue api endpoints into frontend

* feat: ack fix

* feat: bulk actions

* feat: bulk delete impl

* fix: lint

* fix: align error states

* fix: transition group

* feat: ready for qa

* fix: lint

* feat: qa

* feat: stacked admonitions component

* fix: issues with stacking

* feat: hook up admonition stacking + fix app csp for staging kyros nodes

* fix: logs.vue

* qa: close stack on admonitions click

* fix: all problems with stacked admonitions

* qa: admonition cleanup and copy overhaul draft

* fix: qa issues padding

* fix: padding bug

* feat: qa

* fix: intercom in app csp bug

* fix: positioning intercom

* feat: loading overlay on top of console + admon consistency changes

* feat: scroll indicator fade in backup delete modal + admon timestamp fix

* feat: move action bar behind modal

* fix: lint + i18n

* fix: server ping spam on filter (cache but clear on unmount)

* fix: 1 admon fade in flicker issue

* chore: temp staging undo

* qa: changes

* fix: lint

* chore: revert staging to use staging

* fix: scoping

packages/ui/src/components/base/Checkbox.vue

@@ -7,8 +7,8 @@
 				? 'cursor-not-allowed opacity-50'
 				: 'cursor-pointer hover:brightness-[--hover-brightness] focus-visible:brightness-[--hover-brightness]'
 		"
-		:aria-label="description || label"
-		:aria-checked="modelValue"
+		:aria-label="description || label || undefined"
+		:aria-checked="indeterminate ? 'mixed' : modelValue"
 		role="checkbox"
 		@click="toggle"
 	>
@@ -25,7 +25,7 @@
 			<CheckIcon v-else-if="modelValue" aria-hidden="true" stroke-width="3" />
 		</span>
 		<!-- aria-hidden is set so screenreaders only use the <button>'s aria-label -->
-		<span v-if="label" aria-hidden="true">
+		<span v-if="label" :class="labelClass" aria-hidden="true">
 			{{ label }}
 		</span>
 		<slot v-else />
@@ -33,6 +33,7 @@
 </template>
 <script setup lang="ts">
 import { CheckIcon, MinusIcon } from '@modrinth/assets'
+import type { HTMLAttributes } from 'vue'
 
 const emit = defineEmits<{
 	'update:modelValue': [boolean]
@@ -41,6 +42,7 @@ const emit = defineEmits<{
 const props = withDefaults(
 	defineProps<{
 		label?: string
+		labelClass?: HTMLAttributes['class']
 		disabled?: boolean
 		description?: string
 		modelValue: boolean
@@ -49,6 +51,7 @@ const props = withDefaults(
 	}>(),
 	{
 		label: '',
+		labelClass: '',
 		disabled: false,
 		description: '',
 		modelValue: false,