fix: narrow scope of table styles

assets/styles/components/datatable.css

@@ -6,31 +6,33 @@
     @apply align-middle inline-block min-w-full overflow-hidden lg:overflow-visible;
 }
 
-table {
-    @apply min-w-full;
-}
+.data-table-wrapper {
+    table {
+        @apply min-w-full;
+    }
 
-tbody {
-    @apply bg-white;
-}
+    tbody {
+        @apply bg-white;
+    }
 
-tr {
-    @apply border border-gray-300;
-}
+    tr {
+        @apply border border-gray-300;
+    }
 
-th {
-    @apply px-4 py-2 bg-gray-200 text-left leading-4 font-bold text-primary align-top;
-}
+    th {
+        @apply px-4 py-2 bg-gray-200 text-left leading-4 font-bold text-primary align-top;
+    }
 
-td {
-    @apply px-4 py-2 leading-5 align-top;
+    td {
+        @apply px-4 py-2 leading-5 align-top;
 
-}
+    }
 
-table.horizontal td {
-    @apply py-4;
-}
+    table.horizontal td {
+        @apply py-4;
+    }
 
-.data-table tbody tr {
-    @apply hover:bg-gray-100;
+    .data-table tbody tr {
+        @apply hover:bg-gray-100;
+    }
 }