<!-- source-hash: ad7aa24ce00c67388baad4341f1e3d5b -->
A dashboard metric card component that displays a title, value, optional percentage, circular progress indicator, and tooltip — supporting both static and navigable (linked) variants.

## Key Components

### `DashboardInfoCard`
Main export. Renders a styled card with:
- **Title** — secondary text label
- **Value** — formatted number (via `toLocaleString`) or string, with optional custom className
- **Percentage** — displayed as a `Tag` (for `warning`/`error` variants) or plain secondary text
- **Circular progress ring** — shown when `showProgress` and `percentage` are both provided
- **Tooltip** — question-mark icon trigger via `FloatingTooltip`
- **Link behavior** — when `href` is supplied, renders as a Next.js `Link` with hover accent styles

### `DashboardInfoCardProps`
Interface driving all card configuration, including `progressOverflow` which controls how the `CircularProgress` ring handles values exceeding 100 (`'clamp'` default or `'wrap'` for overflow/overage display).

## Usage Example

```typescript
// Static metric card
<DashboardInfoCard
  title="Open Tickets"
  value={142}
  percentage={72}
  showProgress
  progressVariant="warning"
  tooltip="Tickets currently unresolved"
/>

// Navigable card with overflow progress
<DashboardInfoCard
  title="SLA Breaches"
  value={18}
  percentage={110}
  showProgress
  progressVariant="error"
  progressOverflow="wrap"
  href="/reports/sla"
/>

// Simple card, no progress
<DashboardInfoCard
  title="Devices Online"
  value="1,024"
  className="col-span-2"
/>
```