fix(webapp): move outer padding into views

src/components/molecules/MoleculeNavigationDrawer.vue

@@ -5,7 +5,7 @@
       type="checkbox"
       class="drawer-toggle"
     />
-    <div class="drawer-content flex flex-col lg:p-6 bg-base-300 h-screen">
+    <div class="drawer-content flex flex-col bg-base-300 h-screen">
       <div
         class="navbar shadow-lg bg-neutral-focus text-neutral-content lg:hidden sticky top-0 z-50 max-w-7xl place-self-center"
       >

src/components/views/CheckInView.vue

@@ -1,7 +1,9 @@
 <template>
-  <div class="hero h-full bg-base-200 rounded-lg">
-    <div class="hero-content text-center">
-      <h1 class="text-6xl font-bold">John Doe um 17:39:33</h1>
+  <div class="min-h-full lg:p-6">
+    <div class="hero min-h-full bg-base-200 rounded-lg">
+      <div class="hero-content flex-col text-center">
+        <h1 class="text-6xl font-bold">John Doe um 17:39:33</h1>
+      </div>
     </div>
   </div>
 </template>

src/components/views/DataView.vue

@@ -1,5 +1,7 @@
 <template>
-  <MoleculeDataTable :data="data" />
+  <div class="lg:p-6">
+    <MoleculeDataTable :data="data" />
+  </div>
 </template>
 
 <script lang="ts" setup>