FIX: some fixes for rollout

schooling link, small issues with burger menu

app/components/Booking.vue

@@ -122,7 +122,7 @@ const oneOff : Service[] = [
     smallClaim: 'Wenn man\'s selber können muss.',
     icon: 'ph:graduation-cap-thin',
     button: 'Frag nach!',
-    link: 'https://tidycal.com/webfussel/project-booking',
+    link: 'https://tidycal.com/webfussel/teaching',
     list: [
       'Schulungsinhalte klären',
       'Team-Workshops',

app/components/Burger.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="Burger" :class="{ open }">
-    <nav class="z-4" ref="nav">
+    <nav class="z-4" ref="navElement">
       <ul>
         <li v-for="({label, to, aria, icon}) in navigation" :key="label">
           <NuxtLink :to="to" :aria-label="aria" active-class="active" class="inline-flex-row big-gap" @click="close">
@@ -16,7 +16,7 @@
 <script setup lang="ts">
 import { navigation } from '../utils/navigation'
 
-const navElement = useTemplateRef('nav')
+const navElement = useTemplateRef('navElement')
 
 const nav = useNavigation()
 const close = () => nav.hideNavigation()

app/components/Header.vue

@@ -29,9 +29,9 @@
 import { navigation } from '../utils/navigation'
 
 let observer: IntersectionObserver
-const header = ref<HTMLElement | null>(null)
-const headerWrapper = ref<HTMLElement | null>(null)
-const stickyWatch = ref<HTMLElement | null>(null)
+const header = useTemplateRef('header')
+const headerWrapper = useTemplateRef('headerWrapper')
+const stickyWatch = useTemplateRef('stickyWatch')
 
 const nav = useNavigation()
 const burgerOpenLabel = 'Burgermenü öffnen'