Harden audit privacy and admin modals

frontend/src/components/ui/Modal.vue

@@ -1,7 +1,9 @@
 <script setup lang="ts">
-import { computed, onBeforeUnmount, onMounted, watch } from 'vue'
+import { computed, onBeforeUnmount, onMounted } from 'vue'
 import { X } from '@lucide/vue'
 
+import { useBodyScrollLock } from '../../composables/useBodyScrollLock'
+
 const props = withDefaults(defineProps<{
   open: boolean
   title?: string
@@ -23,19 +25,11 @@ function onKey(event: KeyboardEvent) {
   if (event.key === 'Escape' && props.open) emit('close')
 }
 
-watch(
-  () => props.open,
-  (open) => {
-    if (typeof document !== 'undefined') {
-      document.body.style.overflow = open ? 'hidden' : ''
-    }
-  },
-)
+useBodyScrollLock(() => props.open)
 
 onMounted(() => window.addEventListener('keydown', onKey))
 onBeforeUnmount(() => {
   window.removeEventListener('keydown', onKey)
-  if (typeof document !== 'undefined') document.body.style.overflow = ''
 })
 </script>