style: CoverContainer; style: primary and secondary text

src/components/search/ResultsAlbums.vue

@@ -17,13 +17,19 @@
 							@click.stop="$emit('add-to-queue', $event)"
 						/>
 
-						<span class="mb-1 transition-colors duration-200 ease-in-out hover:text-primary">
-							<i v-if="release.isAlbumExplicit" class="material-icons explicit-icon">explicit</i>
+						<span class="primary-text">
+							<i
+								v-if="release.isAlbumExplicit"
+								class="material-icons explicit-icon"
+								style="font-size: 1.0625rem !important"
+							>
+								explicit
+							</i>
 							{{ release.albumTitle }}
 						</span>
 					</router-link>
 
-					<p class="mb-1 text-sm opacity-75">
+					<p class="secondary-text">
 						{{
 							$t('globals.by', { artist: release.artistName }) +
 							' - ' +

src/components/search/ResultsArtists.vue

@@ -17,13 +17,13 @@
 							@click.stop="$emit('add-to-queue', $event)"
 						/>
 
-						<span class="mb-1 transition-colors duration-200 ease-in-out hover:text-primary">
+						<span class="primary-text">
 							{{ release.artistName }}
 						</span>
 					</router-link>
 
 					<!-- TODO Fix, depending on the tab there are albums number or fans number -->
-					<!-- <p class="mb-1 text-sm opacity-75">{{ $tc('globals.listTabs.releaseN', release.artistAlbumsNumber) }}</p> -->
+					<!-- <p class="secondary-text">{{ $tc('globals.listTabs.releaseN', release.artistAlbumsNumber) }}</p> -->
 				</div>
 			</div>
 		</template>

src/components/search/ResultsPlaylists.vue

@@ -16,12 +16,12 @@
 							@click.stop="$emit('add-to-queue', $event)"
 						/>
 
-						<span class="mb-1 transition-colors duration-200 ease-in-out hover:text-primary">
+						<span class="primary-text">
 							{{ playlist.playlistTitle }}
 						</span>
 					</router-link>
 
-					<p class="mb-1 text-sm opacity-75">
+					<p class="secondary-text">
 						{{
 							`${$t('globals.by', { artist: playlist.artistName })} - ${$tc(
 								'globals.listTabs.trackN',