A loading skeleton component that displays placeholder content while release detail data is being fetched, providing visual feedback during the loading state. ## Key Components - **ReleaseDetailSkeleton**: Main skeleton component configured specifically for release detail pages - **DetailPageSkeleton**: Base skeleton component with customizable metadata columns and image gallery options ## Usage Example ```typescript import { ReleaseDetailSkeleton } from './release-detail-skeleton'; import { Suspense } from 'react'; // Use as fallback during data loading function ReleaseDetailPage({ releaseId }: { releaseId: string }) { return ( }> ); } // Or conditionally render based on loading state function ReleaseDetailContainer() { const { data, isLoading } = useReleaseData(); if (isLoading) { return ; } return ; } ``` The component is pre-configured with 4 metadata columns and an image gallery skeleton to match the typical layout of release detail pages, ensuring consistent loading experiences across the application.