refac: stale test entries, failing web tests, Postgre backup bug, Hardcoded MySQL table count, Stale Postgre connection in test, own-scope visibility filter, GetAll ignoring its error, JSON tags in use-case types, 31 copies of DESKTOP_QUERY, ProfileView endpoint paths

web/src/views/ApiKeysView.vue

@@ -2,7 +2,6 @@
 import { t } from '@/i18n'
 
 import { computed, nextTick, onBeforeUnmount, onMounted, ref, watch } from 'vue'
-import { useMediaQuery } from '@vueuse/core'
 import { useLocalizedOverlay, useLocalizedToast } from '@/i18n/presentation'
 import ApiKeyCardList from '@/components/ApiKeyCardList.vue'
 import ApiKeyReveal from '@/components/ApiKeyReveal.vue'
@@ -16,8 +15,8 @@ import { toastsAboveBulkBar } from '@/composables/useToastOffset'
 import { displayPrefix } from '@/lib/apiKeys'
 import { useSessionStore } from '@/stores/session'
 import { usePermissionsStore } from '@/stores/permissions'
+import { useIsDesktop } from '@/composables/useIsDesktop'
 
-const DESKTOP_QUERY = '(min-width: 48rem)'
 const AUTH_HANDLED_STATUSES = [401, 403]
 const NOT_FOUND_STATUS = 404
 const REVOKE_FAILED_COPY = "Couldn't revoke the key. Try again in a moment."
@@ -30,7 +29,7 @@ const overlay = useLocalizedOverlay()
 const session = useSessionStore()
 const permissions = usePermissionsStore()
 const { listApiKeys, revokeApiKey } = useApiKeys()
-const isDesktop = useMediaQuery(DESKTOP_QUERY)
+const isDesktop = useIsDesktop()
 
 const loadState = ref<LoadState>('loading')
 const keys = ref<ApiKey[]>([])