Newpage

[Uyoxy]

Implements four UI component issues in a single pass.

#89 — Breadcrumb

• Route metadata registry with `buildBreadcrumbsFromPath()`
• Overflow collapse with ellipsis button and expand animation
• Mobile collapses to last 2 segments via `matchMedia`
• `aria-current="page"`, `aria-label` on nav, `focus-visible` rings

#90 — Avatar, file upload & image crop

• `Avatar` with image/initials/placeholder variants at 24/32/40/64px
• `FileUpload` dropzone — keyboard accessible, mock progress, cancel via AbortController
• `ImageCrop` — draggable box, 4 corner handles (10px hit area), canvas output at 256×256
• `AvatarUploader` orchestrates the 3-step flow

#91 — Pagination & filter chips

• `Pagination` with smart ellipsis, jump-to-page, `aria-current="page"`, all controls ≥36px
• `FilterChips` with AA-contrast count badges, removable chips, always-visible clear-all
• Wired into `TransactionList` (and reusable for audit reports)

#92 — Date/time pickers

• `DatePicker` — 7×6 grid, keyboard nav, min/maxDate, Today shortcut
• `TimePicker` — configurable 5/10/15min step, filterable slot list
• `DateRangePicker` — dual calendar, distinct start/end emphasis, hover preview, duration summary
• `useDateFilter` hook for wiring pickers to datasets

Closes

Closes #89
Closes #90
Closes #91
Closes #92

[drips-wave]

@Uyoxy Great news! 🎉 Based on an automated assessment of this PR, the linked Wave issue(s) no longer count against your application limits.

You can now already apply to more issues while waiting for a review of this PR. Keep up the great work! 🚀

Learn more about application limits