fix: List mouseover -> hover:bg-gray-200

components/main/dashboard/Last20MessagesTable.tsx

@@ -60,7 +60,7 @@ export default function Last20MessagesTable({ className }: Props) {
           </thead>
           <tbody>
             {filteredMessages.slice(0, 20).map((msg, index) => (
-              <tr key={index} className="hover:bg-gray-50">
+              <tr key={index} className="hover:bg-gray-200">
                 <td className="border p-2">
                   <div
                     className="w-4 h-4 rounded"

components/main/digitalInputs/DigitalInputsWidget.tsx

@@ -49,7 +49,7 @@ export default function DigitalInputsWidget({
         </thead>
         <tbody>
           {inputs.map((input) => (
-            <tr key={input.id} className="border-b">
+            <tr key={input.id} className="border-b hover:bg-gray-200">
               <td className="px-1 py-0">
                 <div className="flex items-center gap-1 ">
                   <Icon

components/main/digitalOutputs/DigitalOutputsWidget.tsx

@@ -69,7 +69,7 @@ export default function DigitalOutputsWidget({
         </thead>
         <tbody>
           {digitalOutputs.map((output) => (
-            <tr key={output.id} className="border-b">
+            <tr key={output.id} className="border-b hover:bg-gray-200">
               <td className="flex items-center px-1 py-1">
                 <Icon
                   icon={outputIcon}

components/main/reports/MeldungenTabelle.tsx

@@ -26,7 +26,7 @@ export default function MeldungenTabelle({
         </thead>
         <tbody>
           {messages.map((msg, index) => (
-            <tr key={index} className="hover:bg-gray-50">
+            <tr key={index} className="hover:bg-gray-200">
               <td className="border p-2">
                 <div
                   className="w-4 h-4 rounded"