feat(ui/ux): overhaul admin and librarian dashboard interface layouts

[YogeshwaranOfficial]

Purpose

This PR updates the overarching UI/UX framework for the Admin and Librarian control panels. The main goal is to shift dense raw data models (like traditional tables) into high-impact, actionable analytical widgets that enhance day-to-day administrative decision-making.

Key Alterations

• Interactive Data Aggregation: Replaced structural overdue asset tables with a high-impact KPI counter tracking systemic operational liabilities.
• UX Density Solutions: Implemented real-time client-side grouping configurations using deduplicated Set frameworks to show unique borrower distributions (e.g., matching exact book counts to specific unique member profiles).
• Grid Stability & Responsive Design: Introduced explicit dimensional boundary thresholds (max-h-[74px], fixed-height flex shrinks, custom utility scrollbars) to handle variable array looping safely within active bento grids without triggering UI layouts shifts.
• Refined Semantic Colorways: Standardized operational tier badges with contextual highlights to draw fast focus to critical fine or book hoarders.

Testing Checklist

• Verify zero-state displays correctly format when data arrays return empty.
• Confirm layout scrollbar is cleanly initialized only when distribution metrics scale beyond 2 active rows.
• Validate grammar strings handle both singular and plural forms (Patron vs Patrons / book vs books) correctly.