refactor: folders and components

src/components/schedule/table/table.component.css

@@ -0,0 +1,54 @@
+.schedule-table {
+  border: 1px solid white;
+}
+
+.schedule-table td, .schedule-table th {
+  border-right: 1px solid;
+  border-right-color: var(--mat-table-row-item-outline-color, rgba(0, 0, 0, 0.12));
+  padding-top: 8px;
+  padding-bottom: 8px;
+}
+
+.schedule-table tr:nth-child(even) {
+  background-color: color-mix(in srgb, var(--mat-table-background-color), white 5%);
+}
+
+.schedule-table th {
+  text-align: center;
+}
+
+.table-element div {
+  display: flex;
+  align-items: center;
+  margin-bottom: 10px;
+}
+
+.pair-cell {
+  text-align: center;
+  width: 0;
+  min-width: fit-content;
+}
+
+mat-icon {
+  transform: scale(0.85);
+}
+
+.table-section {
+  overflow: auto;
+  max-height: 80vh;
+  position: relative
+}
+
+.overlay {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  background-color: rgba(0, 0, 0, 0.5);
+  z-index: 1001;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-direction: column;
+}