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/components/SeoPanel.vue

@@ -3,7 +3,7 @@ import AppSwitch from '@/components/AppSwitch.vue'
 import { t } from '@/i18n'
 
 import { computed, nextTick, ref } from 'vue'
-import { createReusableTemplate, useMediaQuery } from '@vueuse/core'
+import { createReusableTemplate } from '@vueuse/core'
 import DirectoryField from '@/components/DirectoryField.vue'
 import DirectoryPanel from '@/components/DirectoryPanel.vue'
 import FallbackChip from '@/components/FallbackChip.vue'
@@ -34,8 +34,8 @@ import {
 	type SeoPreviewInput,
 } from '@/lib/seoPreview'
 import type { SeoFocus, SeoSuggestion, SuggestionCode, SuggestionField } from '@/lib/seoTypes'
+import { useIsDesktop } from '@/composables/useIsDesktop'
 
-const DESKTOP_QUERY = '(min-width: 48rem)'
 const PANEL_FIELDS: SuggestionField[] = [
 	'seo_title',
 	'seo_description',
@@ -79,7 +79,7 @@ const [DefineFields, Fields] = createReusableTemplate()
 const [DefinePreviews, Previews] = createReusableTemplate()
 const [DefinePreviewButton, PreviewButton] = createReusableTemplate()
 
-const isDesktop = useMediaQuery(DESKTOP_QUERY)
+const isDesktop = useIsDesktop()
 const layout = ref<HTMLElement | null>(null)
 const focusTarget = ref<SeoFocus | null>(props.focus)
 const device = ref<PreviewDevice>('desktop')