chore: update next.js version to ^16.3.5 in package.json

Frontend/erp-system/app/dashboard/hrm/employees/[id]/page.tsx

@@ -1,6 +1,6 @@
 "use client"
 
-import { useEffect, useState } from "react"
+import { Suspense, useEffect, useState } from "react"
 import { useParams, useSearchParams } from "next/navigation"
 import { Briefcase, Download, Link2, Plus, ShieldCheck, Upload, User, X } from "lucide-react"
 
@@ -44,6 +44,14 @@ function money(n: number): string {
 }
 
 export default function EmployeeDetailPage() {
+  return (
+    <Suspense>
+      <EmployeeDetailPageContent />
+    </Suspense>
+  )
+}
+
+function EmployeeDetailPageContent() {
   const params = useParams<{ id: string }>()
   const searchParams = useSearchParams()
   const employeeId = Number(params.id)

Frontend/erp-system/app/dashboard/hrm/employees/page.tsx

@@ -17,6 +17,7 @@ import { Button, buttonVariants } from "@/components/ui/button"
 import { Badge } from "@/components/ui/badge"
 import { Field, FieldError, FieldGroup, FieldLabel } from "@/components/ui/field"
 import { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle, DialogTrigger } from "@/components/ui/dialog"
+import { FilterBar } from "@/components/ui/filter-bar"
 import { PaginationFooter } from "@/components/ui/pagination-footer"
 import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@/components/ui/select"
 import { Skeleton } from "@/components/ui/skeleton"

Frontend/erp-system/app/dashboard/products/brands/page.tsx

@@ -1,6 +1,6 @@
 "use client"
 
-import { useEffect, useState } from "react"
+import { Suspense, useEffect, useState } from "react"
 import { useRouter, useSearchParams } from "next/navigation"
 import { Plus, Ruler, Tag } from "lucide-react"
 
@@ -26,6 +26,14 @@ type Tab = "brand" | "uom"
 const ALL_ITEMS_PAGE_SIZE = 500
 
 export default function BrandsPage() {
+  return (
+    <Suspense>
+      <BrandsPageContent />
+    </Suspense>
+  )
+}
+
+function BrandsPageContent() {
   const router = useRouter()
   const searchParams = useSearchParams()
   const initialTab: Tab = searchParams.get("tab") === "uom" ? "uom" : "brand"

Frontend/erp-system/app/dashboard/sales/invoices/page.tsx

@@ -12,6 +12,7 @@ import { useAuth } from "@/components/auth/AuthProvider"
 import { useDashboardStats } from "@/hooks/use-dashboard-stats"
 import { Button, buttonVariants } from "@/components/ui/button"
 import { FilterBar } from "@/components/ui/filter-bar"
+import { PaginationFooter } from "@/components/ui/pagination-footer"
 import { Field, FieldLabel } from "@/components/ui/field"
 import { KpiRow } from "@/components/ui/kpi-row"
 import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@/components/ui/select"

Frontend/erp-system/components/Layouts/AppSidebar.tsx

@@ -43,6 +43,7 @@ import {
   PieChart,
   Receipt,
   ReceiptText,
+  Ruler,
   Scale,
   ScrollText,
   Settings,

Frontend/erp-system/package.json

@@ -19,7 +19,7 @@
     "clsx": "^2.1.1",
     "date-fns": "^4.4.0",
     "lucide-react": "^1.23.0",
-    "next": "16.2.10",
+    "next": "^16.3.5",
     "next-themes": "^0.4.6",
     "react": "19.2.4",
     "react-chartjs-2": "^5.3.1",