feat:#4 updated router and views

frontend/src/view/UserCalendar.vue

@@ -1,10 +1,25 @@
 <script setup lang="ts">
 
 import CalendarViewer from "@/components/CalendarViewer.vue";
+import DynamicPage from "@/view/DynamicPage.vue";
+
+
+
+
 </script>
 
 <template>
-  <CalendarViewer />
+  <DynamicPage
+    :hide-content="false"
+    :headline="$t('freeRooms.freeRooms')"
+    :sub-title="$t('freeRooms.detail')"
+  >
+    <template #selection="{ flexSpecs }">
+      <CalendarViewer
+        :class="flexSpecs"
+      />
+    </template>
+</DynamicPage>
 </template>
 
 <style scoped>