<!-- source-hash: 254d5d86afe2187734cde56c533fc995 -->
Loading skeleton component that renders a placeholder matching the exact layout and dimensions of an `OrganizationCard`, preventing layout shifts during data fetching.

## Key Components

### `OrganizationCardSkeleton`
Single card skeleton with three configurable sections:
- **Header** — 60×60px org logo placeholder + title/subtitle text skeletons
- **Description** — Fixed 48px height with two-line body text skeletons (toggled via `showDescription`)
- **Footer** — Two stat items (icon + caption) and a tag/badge placeholder (toggled via `showFooter`)

### `OrganizationCardSkeletonGrid`
Renders a responsive grid of `OrganizationCardSkeleton` instances:
- Mobile: 1 column | Tablet (`md`): 2 columns | Desktop (`lg`): 3 columns

### `OrganizationCardSkeletonProps`
| Prop | Type | Default | Description |
|------|------|---------|-------------|
| `className` | `string` | — | Additional CSS classes |
| `containerClassName` | `string` | — | Overrides card background & border |
| `showFooter` | `boolean` | `true` | Renders footer stats area |
| `showDescription` | `boolean` | `true` | Renders description area |

## Usage Example

```typescript
// Single card skeleton
<OrganizationCardSkeleton
  showDescription={true}
  showFooter={true}
/>

// Full grid skeleton during data load
<OrganizationCardSkeletonGrid
  count={9}
  showFooter={true}
  showDescription={false}
  className="my-4"
/>

// Custom container styling
<OrganizationCardSkeleton
  containerClassName="bg-gray-900 border border-gray-700"
  showFooter={false}
/>
```