fix: top release cards fill grid cells, art centered with text below

Removed max-height/max-width constraints — art fills the grid
cell width naturally. Cards are centered in their cells via
justify-items:center and align-items:center on the card itself.
Text sits centered below the art. The 2-column grid cells size
based on the available column width, so art scales with the
layout rather than being fixed at 80px.

frontend/src/components/explore-artist-details/explore-artist-details.ts

@@ -335,7 +335,6 @@ export class ExploreArtistDetails extends LitElement {
                 display: grid;
                 grid-template-columns: 1fr 1fr;
                 gap: 24px;
-                align-items: start;
             }
 
             .top-section-column {
@@ -346,17 +345,20 @@ export class ExploreArtistDetails extends LitElement {
                 display: grid;
                 grid-template-columns: 1fr 1fr;
                 gap: 8px;
+                justify-items: center;
             }
 
             .top-release-card {
                 display: flex;
                 flex-direction: column;
+                align-items: center;
                 gap: 4px;
                 cursor: pointer;
                 transition: background 0.15s ease;
                 padding: 4px;
                 border-radius: 6px;
                 min-width: 0;
+                width: 100%;
             }
 
             .top-release-card:hover {
@@ -373,8 +375,6 @@ export class ExploreArtistDetails extends LitElement {
             .top-release-art {
                 width: 100%;
                 aspect-ratio: 1;
-                max-height: 80px;
-                max-width: 80px;
                 border-radius: 4px;
                 overflow: hidden;
                 background: linear-gradient(