<!-- source-hash: a5842b7f26b01448b4819804ae2a446d -->
Reusable card component for displaying organization/client summary information in a grid or list layout, supporting optional navigation, action buttons, device counts, and customizable footer stats.

## Key Components

### Interfaces
- **`Organization`** — Data model for an organization entity (id, name, imageUrl, industry, tier, devices, MRR, etc.)
- **`OrganizationCardProps`** — Full prop interface including optional `href`, `actionButton`, `footerStats`, `customFooter`, and `deviceCount`

### Component
- **`OrganizationCard`** — Renders the card with three configurable zones:
  - **Header** — `EntityImage` + name + subtitle (industry, tier, or website)
  - **Body** — Optional 2-line clamped description
  - **Footer** — `customFooter` node or auto-rendered `footerStats` array
  - **Top-right overlay** — Either a device count badge (with `Monitor` icon) or an action button (ghost/primary variant)

When `href` is provided, the entire card is wrapped in a `Link` for navigation.

## Usage Example

```typescript
<OrganizationCard
  organization={{
    id: "org_123",
    name: "Acme Corp",
    industry: "Manufacturing",
    description: "A leading widget manufacturer.",
    totalDevices: 42,
  }}
  href="/organizations/org_123"
  deviceCount={42}
  footerStats={[
    { icon: <DollarSign className="w-4 h-4" />, value: 1200, label: "MRR" },
  ]}
  actionButton={{
    icon: <Trash2 className="w-4 h-4" />,
    label: "Remove",
    variant: "ghost",
    onClick: (org, e) => handleRemove(org.id),
  }}
  showActionButton
/>
```

> **Note:** `deviceCount` takes display priority over `showActionButton` — if both are provided, only the device badge renders in the top-right corner.