<!-- source-hash: 9f4bc1d2fb43771602d1da7b93621c1e -->
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 (
    <Suspense fallback={<ReleaseDetailSkeleton />}>
      <ReleaseDetailContent releaseId={releaseId} />
    </Suspense>
  );
}

// Or conditionally render based on loading state
function ReleaseDetailContainer() {
  const { data, isLoading } = useReleaseData();
  
  if (isLoading) {
    return <ReleaseDetailSkeleton />;
  }
  
  return <ReleaseDetailView data={data} />;
}
```

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.