feat: dynamische URL-Anpassung für Entwicklungs- und Produktionsumgebung

- Navigation und Weiterleitungen angepasst, um dynamisch `.html`-Endungen in Produktionsumgebung anzuhängen.
- Nutzung von `NEXT_PUBLIC_NODE_ENV` ermöglicht unterschiedliche URL-Strukturen in Entwicklungs- und Produktionsumgebung.
- `Navigation`-Komponente und `index.js` entsprechend konfiguriert, um `.html` in der Produktionsumgebung automatisch anzuhängen.
- Verbesserte Konsistenz und Funktionalität zwischen beiden Umgebungen, 404-Fehler in Produktion behoben.

components/Navigation.jsx

@@ -13,20 +13,22 @@ function Navigation() {
     }
   }, [pathname]);
 
+  // Dynamische Anpassung der Pfade mit oder ohne .html
+  const isProduction = process.env.NEXT_PUBLIC_NODE_ENV === "production";
   const menuItems = [
     { name: "Übersicht", path: "/dashboard" },
     { name: "Kabelüberwachung", path: "/kabelueberwachung" },
-    //{ name: "Zutrittskontrolle", path: "/access" },
-    //{ name: "Ein- und Ausgänge", path: "/einausgaenge" },
-    //{ name: "Analoge Eingänge", path: "/analogeEingaenge" },
-    //{ name: "Meldungen", path: "/meldungen" },
+    // Weitere Menüpunkte hier
   ];
 
   return (
     <aside>
       <nav className="w-64 flex-shrink-0 mt-32 overflow-hidden">
         {menuItems.map((item) => (
-          <Link href={item.path} key={item.name}>
+          <Link
+            href={`${item.path}${isProduction ? ".html" : ""}`}
+            key={item.name}
+          >
             <div
               className={`block px-4 py-2 mb-4 font-bold whitespace-nowrap transition duration-300 ${
                 activeLink.startsWith(item.path) ||