fix: use full viewport height for calendar

refs #154

src/Pages/EmissionManager.vue

 <template>
-  <b-container>
+  <b-container class="tw-flex tw-flex-col">
     <PageHeader :title="$t('navigation.calendar')">
       <b-button-group v-if="selectedShow">
         <b-button :variant="view === 'day' ? 'primary' : 'secondary'" @click="view = 'day'">
@@ -17,7 +17,7 @@
       </div>
     </template>
 
-    <auth-wall v-else-if="selectedShow">
+    <auth-wall v-else-if="selectedShow" class="tw-flex-1">
       <b-alert :variant="conflictCount > 0 ? 'danger' : 'success'" :show="conflictMode">
         <div v-if="conflictMode">
           <h4>{{ $t('conflictResolution.title') }}</h4>
@@ -76,8 +76,8 @@
 
       <server-errors :errors="serverErrors" />
 
-      <div>
-        <div :class="{ 'tw-hidden': view !== 'week' }">
+      <div class="tw-h-full">
+        <div class="tw-h-full" :class="{ 'tw-hidden': view !== 'week' }">
           <FullCalendar ref="calendar" :options="calendarConfig" />
         </div>
 
@@ -320,7 +320,8 @@ export default {
         initialView: 'timeGridWeek',
         locale: this.$activeLocale(),
         initialDate: this.currentStart,
-        height: 600,
+        height: '100%',
+        stickyHeaderDates: true,
         firstDay: 1,
         navLinks: true,
         events: this.calendarSlots,

src/components/PageHeader.vue

@@ -15,7 +15,7 @@
     </div>
   </div>
 
-  <hr />
+  <hr class="tw-w-full" />
 </template>
 
 <script setup>