using both sass + modules + tailwind (optional) (#4604)

using sass + css-modules + tailwind for styling, part of #3701

src/renderer/components/table/react-table.module.scss

@@ -0,0 +1,43 @@
+.table {
+  border-spacing: 0;
+  border-top: thin solid var(--hrColor);
+}
+
+.thead {
+  @apply overflow-hidden font-bold;
+  border-bottom: thin solid var(--hrColor);
+  color: var(--textColorAccent);
+  padding-top: 7px;
+  height: 33px;
+}
+
+.thead .tr {
+  margin: 0 var(--margin);
+}
+
+.tr {
+  margin: calc(var(--margin) * 1.6) var(--margin);
+}
+
+.th {
+  @apply relative whitespace-nowrap;
+  padding: 0 var(--padding);
+}
+
+.headIcon {
+  font-weight: normal;
+  color: var(--textColorAccent);
+}
+
+.disabledArrow {
+  opacity: 0.3;
+}
+
+.td {
+  @apply flex items-center;
+  padding: 0 var(--padding);
+}
+
+.actions {
+  @apply justify-end;
+}