fix(layout): Anpassung des Layouts für Laptop-Auflösung (1348x635)

- Header und Footer mit festen Höhen (13vh und 8vh) versehen.
- Inhaltsbereich dynamisch skaliert mit calc(100vh - Header - Footer).
- Navigation für volle Höhe des Inhalts angepasst.
- Alle Elemente ohne Scrollen auf Laptop-Auflösung sichtbar gemacht.

pages/_app.js

@@ -38,11 +38,11 @@ function MyApp({ Component, pageProps }) {
 
   return (
     <Provider store={store}>
-      <div className="bg-gray-100 flex flex-col min-h-screen overflow-hidden">
+      <div className="flex flex-col min-h-screen">
         <Header />
         <div className="flex flex-grow w-full">
           <Navigation className="w-1/5" />
-          <main className="w-full">
+          <main className="w-full flex-grow">
             {sessionExpired && (
               <div className="bg-red-500 text-white p-4 text-center">
                 Ihre Sitzung ist abgelaufen oder die Verbindung ist

pages/dashboard.js

@@ -100,7 +100,7 @@ function Dashboard() {
   };
 
   return (
-    <div className="flex flex-col gap-4 p-4 2xl:h-full xl:h-full laptop:h-[80%] overflow-auto">
+    <div className="flex flex-col gap-4 p-4 h-[calc(100vh-13vh-8vh)]">
       <div className="flex justify-between items-center w-full lg:w-2/3">
         <div className="flex justify-between gap-1  ">
           <Icon