feat: add payroll, time clocks, and leave request modules

- Implemented PayrollPage for managing payroll runs with CRUD operations.
- Created TimeClocksPage for tracking employee clock-ins and clock-outs.
- Developed TimeSheetsPage for displaying employee timesheets.
- Added EmployeeCertificationForm and EmployeeDocumentForm for managing employee certifications and documents.
- Introduced LeaveRequestForm for submitting and managing leave requests.
- Added usePermissions hook for UI-side permission checks.
- Created LeaveRequestsClient and PayrollClient for API interactions.

apps/dashboard/config/navGroups.tsx

@@ -144,7 +144,8 @@ export const navGroups: NavGroup[] = [
           { title: "Employees", href: "/productivity/employees", icon: <UsersIcon /> },
           { title: "Time Clocks", href: "/productivity/time-clocks", icon: <TimerIcon /> },
           { title: "Time Sheets", href: "/productivity/timesheet", icon: <ClockIcon /> },
-          // { title: "Payroll", href: "/productivity/payroll", icon: <WalletIcon /> },
+          { title: "Leave Requests", href: "/productivity/leave-requests", icon: <CalendarIcon /> },
+          { title: "Payroll", href: "/productivity/payroll", icon: <WalletIcon /> },
           // { title: "Payments Made", href: "/productivity/employee-payments-made", icon: <HandCoinsIcon /> },
           { title: "Shop Calendars", href: "/productivity/shop-calendars", icon: <CalendarDaysIcon /> },
           { title: "Shop Timing", href: "/productivity/shop-timings", icon: <Clock3Icon /> },