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.

components/Footer.jsx

@@ -52,7 +52,7 @@ function Footer() {
   }, [showSlider]);
 
   return (
-    <footer className="relative bg-gray-300 p-4 xl:p-2 2xl:p-4 overflow-hidden text-black">
+    <footer className="relative bg-gray-300 p-4 xl:p-2 2xl:p-4 overflow-hidden text-black laptop:h-[7vh] ">
       <div className="container mx-auto flex justify-between">
         <div className="flex flex-row space-x-2">
           <Icon

components/Header.jsx

@@ -49,7 +49,7 @@ function Header() {
   }, [isAdminLoggedIn]);
 
   return (
-    <header className="bg-gray-300 flex justify-between items-center w-full h-[12vh] sm:h-[11vh] md:h-[12vh] lg:h-[13vh] xl:h-[12vh] relative text-black mb-16 sm:mb-1 md:mb-1 lg:mb-1 xl:mb-1 2xl:mb-12">
+    <header className="bg-gray-300 flex justify-between items-center w-full h-[13vh] relative text-black ">
       <div
         className="absolute transform -translate-y-1/2 
                 left-[8%] sm:left-[8%] md:left-[8%] lg:left-[8%] xl:left-[6%]

components/Navigation.jsx

@@ -26,7 +26,7 @@ function Navigation() {
 
   return (
     <aside>
-      <nav className="w-48 sm:w-12 md:w-28 lg:w-32 xl:w-40 2xl:w-64 flex-shrink-0 mt-32 overflow-hidden">
+      <nav className="w-48 h-full flex-shrink-0 mt-16">
         {menuItems.map((item) => (
           <Link href={formatPath(item.path)} key={item.name}>
             <div