fix: correctly hidden empty sections after performing a search; style: added CoverContainer component; style: removed some CSS classes

src/styles/scss/base/_base.scss

@@ -1,8 +1,6 @@
 :root {
 	--main-scroll: theme('colors.grayscale.300');
 	--panels-scroll: hsl(180, 2%, 17%);
-	--tag-background: hsl(210, 100%, 38%);
-	--tag-text: theme('colors.white');
 	--toast-background: hsla(240, 12%, 16%, 0.85);
 	--toast-secondary: hsla(240, 12%, 16%, 0.15);
 	--toast-text: hsla(0, 0%, 100%, 0.85);

src/styles/scss/globals/_globals.scss

@@ -88,6 +88,7 @@ img {
 }
 
 .coverart {
+	// ? Why?
 	background-color: var(--secondary-background);
 }
 
@@ -113,7 +114,7 @@ img {
 		opacity: 0;
 		border: 0px;
 		border-radius: 50%;
-		background-color: #000000;
+		// background-color: #000000;
 		padding: 0px;
 		min-width: 32px;
 		height: 44px;

src/styles/scss/globals/_tables.scss

@@ -34,7 +34,6 @@ $table-border-radius: 3px;
 
 	th {
 		.sortable {
-			-webkit-user-select: none;
 			user-select: none;
 		}
 
@@ -80,19 +79,6 @@ $table-border-radius: 3px;
 			border-bottom: 2px solid var(--table-highlight);
 		}
 
-		th {
-			padding-bottom: 10px;
-			height: 45px;
-		}
-
-		td {
-			height: 35px;
-
-			&.breakline {
-				word-break: break-word;
-			}
-		}
-
 		tr {
 			&:first-child {
 				td {
@@ -190,20 +176,6 @@ $table-border-radius: 3px;
 		&--right {
 			text-align: right;
 		}
-
-		&--download {
-			cursor: pointer;
-
-			i.material-icons {
-				transition: color 175ms ease-in-out;
-			}
-
-			&:hover {
-				i.material-icons {
-					@apply text-primary;
-				}
-			}
-		}
 	}
 
 	.table__cell-content {

src/styles/scss/tabs/_search-tab.scss

@@ -1,43 +1,3 @@
-/* Top Result */
-.top_result {
-	@apply flex items-center flex-col;
-	// display: flex;
-	// align-items: center;
-	// flex-direction: column;
-
-	> .cover_container {
-		width: 9.75rem;
-		height: 9.75rem;
-	}
-
-	.info_box {
-		display: flex;
-		flex-direction: column;
-		justify-content: center;
-		align-items: center;
-		margin-top: 0.9375rem;
-
-		.primary-text,
-		.secondary-text {
-			font-size: 1.125rem;
-			text-align: center;
-		}
-
-		.primary-text {
-			margin-bottom: 0.3125rem;
-		}
-
-		.secondary-text {
-			margin-bottom: 0.625rem;
-		}
-
-		.tag {
-			width: 2.5rem;
-			text-align: center;
-		}
-	}
-}
-
 /* Releases */
 .release {
 	.primary-text,
@@ -61,11 +21,4 @@
 	display: grid;
 	grid-template-columns: repeat(auto-fill, minmax(156px, 1fr));
 	grid-gap: 1rem;
-
-	&.firstrow_only {
-		grid-template-rows: 1fr;
-		grid-auto-rows: 0;
-		grid-row-gap: 0rem;
-		overflow-y: hidden;
-	}
 }