refactor(public): retire track-cardinal stack, fold Archive/Cuts cards into ReleaseGallery (P11 W3 §4)

DeepDrftPublic.Client/Pages/ArchiveView.razor

@@ -1,12 +1,13 @@
 @page "/archive"
 @using DeepDrftModels.Enums
+@using DeepDrftPublic.Client.Controls
 
 <PageTitle>DeepDrft Archive</PageTitle>
 
 <div>
     <MudContainer MaxWidth="MaxWidth.Large" Class="archive-view-container">
         @* Search + filter affordances are interactive-only: the debounce timer and chip selection
-           need WASM. During prerender/non-interactive they are hidden, matching TracksView's gate.
+           need WASM. During prerender/non-interactive they are hidden behind the interactive gate.
            The release grid still prerenders so the archive is meaningful before hydration. *@
         @if (RendererInfo.IsInteractive)
         {
@@ -59,60 +60,12 @@
                 }
             </div>
         }
-
-        @if (_loading)
-        {
-            <MudGrid Spacing="6" Justify="Justify.Center">
-                @foreach (var _ in Enumerable.Range(0, 8))
-                {
-                    <MudItem xs="12" sm="6" md="4" lg="3" xl="3">
-                        <div class="archive-card-center">
-                            <MudSkeleton Width="200px" Height="200px" SkeletonType="SkeletonType.Rectangle"/>
-                        </div>
-                    </MudItem>
-                }
-            </MudGrid>
-        }
-        else if (_releases.Count == 0)
-        {
-            <div class="archive-empty">
-                <MudText Typo="Typo.h6">No releases found</MudText>
-            </div>
-        }
-        else
-        {
-            <MudGrid Spacing="6" Justify="Justify.Center">
-                @foreach (var release in _releases)
-                {
-                    <MudItem xs="12" sm="6" md="4" lg="3" xl="3">
-                        <div class="archive-card-center">
-                            <a href="@ReleaseRoutes.DetailHref(release)" class="archive-card-link">
-                                <div class="archive-release-card">
-                                    @if (!string.IsNullOrEmpty(release.ImagePath))
-                                    {
-                                        <div class="archive-release-cover"
-                                             style="background-image: url('api/image/@Uri.EscapeDataString(release.ImagePath)');">
-                                        </div>
-                                    }
-                                    else
-                                    {
-                                        <div class="archive-release-cover archive-release-cover--fallback"></div>
-                                    }
-
-                                    <div class="archive-release-body">
-                                        <MudText Typo="Typo.subtitle1" Class="archive-release-title text-truncate">
-                                            @release.Title
-                                        </MudText>
-                                        <MudText Typo="Typo.caption" Class="archive-release-artist text-truncate">
-                                            @release.Artist
-                                        </MudText>
-                                    </div>
-                                </div>
-                            </a>
-                        </div>
-                    </MudItem>
-                }
-            </MudGrid>
-        }
     </MudContainer>
+
+    @* The grid itself is the shared release-card component; each card routes by its own medium through
+       the one ReleaseRoutes table. The Archive-specific search/filter chrome above stays here. *@
+    <ReleaseGallery Releases="@_releases"
+                    Loading="@_loading"
+                    HrefResolver="@ReleaseRoutes.DetailHref"
+                    EmptyMessage="No releases found" />
 </div>