fix: popover action bar behind modal (#5937)

* fix: popover action bar behind modal

* fix: only below modal for backups

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

@@ -6,13 +6,14 @@ import { useModalStack } from '../../composables/modal-stack'
 const props = defineProps<{
 	shown: boolean
 	ariaLabel?: string
+	belowModal?: boolean
 }>()
 
 const toolbarEl = ref<HTMLElement | null>(null)
 const compact = ref(false)
 
 const { stackCount } = useModalStack()
-const zIndex = computed(() => 100 + stackCount.value * 10 + 8)
+const zIndex = computed(() => 100 + stackCount.value * 10 + 8 + (!props.belowModal ? 1 : 0))
 
 function checkCompact() {
 	const el = toolbarEl.value

packages/ui/src/layouts/wrapped/hosting/manage/backups.vue

@@ -160,6 +160,7 @@
 				</div>
 
 				<FloatingActionBar
+					below-modal
 					:shown="selectedIds.size > 0 || isBulkOperating"
 					:aria-label="
 						formatMessage(messages.bulkBarAriaLabel, {