A client-side skeleton component that provides loading state visualization for vendor detail pages. ## Key Components - **VendorPageSkeleton** - Main export component that renders a loading skeleton for vendor pages - **VendorDetailLayoutSkeleton** - Imported skeleton layout component that handles the actual loading UI ## Usage Example ```typescript import { VendorPageSkeleton } from './vendor-page-skeleton'; // Use in a loading state or Suspense fallback export default function VendorPage() { return ( }> ); } // Or in a conditional render function VendorPageContainer({ isLoading }: { isLoading: boolean }) { if (isLoading) { return ; } return ; } ``` This component serves as a thin wrapper around `VendorDetailLayoutSkeleton`, providing a consistent interface for displaying loading states across vendor-related pages. The "use client" directive ensures this component runs on the client side, making it suitable for interactive loading scenarios.