Startseite und Kabelüberwachung

app/kabelueberwachung/page.jsx

@@ -1,5 +1,6 @@
+"use client"; // Ganz oben hinzufügen
 import React, { useState } from "react";
-import Layout from "../components/Layout";
+import Layout from "../layout"; // Korrigierter Pfad zu Layout
 
 function Kabelueberwachung() {
   const [activeTab, setActiveTab] = useState(1);
@@ -14,8 +15,6 @@ function Kabelueberwachung() {
   return (
     <Layout>
       <div className="bg-gray-100 flex-1 p-4 overflow-hidden">
-        {" "}
-        {/* overflow-hidden hinzugefügt */}
         {/* Tabs */}
         <ul className="flex border-b border-gray-200">
           {racks.map((rack) => (
@@ -40,8 +39,6 @@ function Kabelueberwachung() {
         </ul>
         {/* Rack-Inhalte */}
         <div className="mt-4 p-4 bg-white rounded-lg shadow overflow-auto max-h-full">
-          {" "}
-          {/* max-h-full und overflow-auto für Inhalt */}
           {racks.map(
             (rack) =>
               activeTab === rack.id && (
@@ -49,7 +46,6 @@ function Kabelueberwachung() {
                   <h2 className="text-lg font-bold mb-4">
                     {rack.name} Inhalte
                   </h2>
-                  {/* Hier kannst du den Inhalt für jedes Rack einfügen */}
                   <table className="min-w-full bg-white border border-gray-300">
                     <thead>
                       <tr className="w-full bg-gray-200 text-gray-600 uppercase text-sm leading-normal">