feat: build Payroll Overview page UI

[AdityaK9822]

Closes #443

Description

This PR builds the complete UI for the Payroll Overview page as per the design specifications, utilizing static mock data to demonstrate the layout. The application layout has been implemented to correctly render across both desktop and mobile views.

What was built and changed:

• Stat Cards: Added 3 summary cards for Total Monthly Payout, Total Employees, and Next Payout Date. Each includes an icon, value, label, and "This year" badge. They gracefully stack vertically on smaller viewports.
• Payout Overview Line Chart: Integrated a responsive line chart using recharts to map static monthly payout data. X-axis labels intelligently collapse on mobile screens to maintain a clean aesthetic.
• Urgent Action Banner: Built an "Urgent: Pending Payroll Action Required" warning alert card with a conditional rendering prop.
• Payout Schedule Table (Desktop): Implemented the full data table with columns for checkboxes, Employee details (avatar, name, role), Contract Type (with stylized badges), Frequency, Amount, Paid In (token indicators), and Next Payout Date.
• Payout Schedule Cards (Mobile): Designed a compact, 2-column card layout to represent table rows beautifully on mobile devices.
• Client-side Pagination: Added fully functional client-side pagination allowing users to toggle between pages, navigate sequentially using chevron arrows, and adjust the number of results per page via a dropdown.

How to test:

• Navigate to /payroll and view the "Overview" tab.
• Verify that the 3 stat cards, the urgent action banner, the Recharts line chart, and the data table render properly on desktop.
• Interact with the pagination controls (Previous/Next, specific page numbers, Results per page dropdown) to verify client-side behavior.
• Scale the browser down to mobile width (or open in DevTools device toolbar) and ensure that:
  -- Stat cards stack vertically
  -- Table rows convert into mobile-friendly cards
  -- No horizontal scrollbars or layout breaks occur.

[vercel]

@AdityaK9822 is attempting to deploy a commit to the vestroll's projects Team on Vercel.

A member of the Team first needs to authorize it.