restruct: timetable view

src/components/TimetableViews/CurrentTimetableView.vue

@@ -0,0 +1,21 @@
+<template>
+  <div
+    class="overflow-auto p-1 bg-white print:bg-white dark:bg-zinc-950 print:text-black text-black dark:text-white min-h-full"
+    :class="{ dark: globalStore.darkMode }"
+  >
+    <h2 class="p-1 font-bold w-max">
+      {{ globalStore.currentTimetableData!.category }}
+      {{ globalStore.currentTimetableData!.trainNo }} {{ $t('headers.relation') }}
+      {{ globalStore.currentTimetableData!.route.replace('|', ' - ') }}
+    </h2>
+
+    <TimetableContent />
+  </div>
+</template>
+
+<script setup lang="ts">
+import { useGlobalStore } from '../../stores/global.store';
+import TimetableContent from '../Timetable/TimetableContent.vue';
+
+const globalStore = useGlobalStore();
+</script>