fix(reservation): move page metadata to root page

Author: qwerzl

components/custom/CAS/ClassroomReservation/NewClassroomReservation.vue

@@ -13,14 +13,6 @@ import { LoaderCircle } from 'lucide-vue-next'
 import { enums } from '~/components/custom/enum2str'
 import type { AllClubs } from '~/types/api/user/all_clubs'
 
-definePageMeta({
-  middleware: ['auth'],
-})
-
-useHead({
-  title: 'Classroom Reservation | Enspire',
-})
-
 const { toast } = useToast()
 
 const { data } = await useAsyncData<ClassroomData[]>('classroomStatuses', () => {

pages/manage/reservation.vue

@@ -1,6 +1,14 @@
 <script setup lang="ts">
 import NewClassroomReservation from '~/components/custom/CAS/ClassroomReservation/NewClassroomReservation.vue'
 import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '~/components/ui/card'
+
+definePageMeta({
+  middleware: ['auth'],
+})
+
+useHead({
+  title: 'Classroom Reservation | Enspire',
+})
 </script>
 
 <template>