rewrite table styles from tailwind into scss

src/app/styles/global-styles.scss

@@ -142,20 +142,6 @@
 	}
 }
 
-@media (max-width: 1300px) {
-	.tanstak-file-table {
-		max-width: 800px;
-		margin: 0 auto;
-	}
-}
-
-@media (max-width: 1200px) {
-	.tanstak-file-table {
-		max-width: 500px;
-		margin: 0 auto;
-	}
-}
-
 .modal-wrapper {
 	position: fixed;
 	z-index: 101;
@@ -178,19 +164,6 @@
 	}
 }
 
-.tanstak-table {
-	.btn-modal {
-		transition: all 0.3ms ease-in-out;
-		border-radius: 10px;
-		padding: 5px 20px;
-		font-weight: 500;
-	}
-
-	:where(.divide-gray-200 > tr:last-child) {
-		border-bottom: 1px solid var(--color-gray-200);
-	}
-}
-
 .sidebar {
 	width: 280px;
 	background: linear-gradient(180deg, v.$p-color 0%, v.$s-color 100%);
@@ -296,4 +269,18 @@
 		height: 30px;
 		fill: v.$white;
 	}
+}
+
+.color {
+	&-image {
+		color: v.$color-image;
+	}
+
+	&-audio {
+		color: v.$color-audio;
+	}
+
+	&-video {
+		color: v.$color-video;
+	}
 }