feat: Header- und Navigationskomponenten angepasst

- Header-Layout optimiert, um Temperatur und Icons korrekt anzuzeigen.
- Anpassungen in der Navigation Abstand zwischen die Elemente.
- Verbesserte Ausrichtung und Abstände für Header-Elemente.
- Farbanpassungen und Styling-Optimierungen in der Header.
-Auf verschiedene Bildschirm Auflösungen getestet (Full-HD und 2K/QHD)

components/Navigation.jsx

@@ -23,12 +23,12 @@ function Navigation() {
   ];
 
   return (
-    <aside className="w-1/6 flex-shrink-0 h-full mt-24">
-      <nav className="space-y-6 p-4">
+    <aside>
+      <nav className="w-64 flex-shrink-0 h-full mt-24">
         {menuItems.map((item) => (
           <Link href={item.path} key={item.name}>
             <div
-              className={`block px-4 py-2 font-bold whitespace-nowrap transition duration-300 ${
+              className={`block px-4 py-2 mb-4 font-bold whitespace-nowrap transition duration-300 ${
                 activeLink === item.path
                   ? "bg-sky-500 text-white rounded-r-full"
                   : "text-black hover:bg-gray-200 rounded-r-full"