fetch customers data and render the customers table

app/dashboard/customers/page.tsx

@@ -1,11 +1,22 @@
 import { Metadata } from "next"
+import { Suspense } from "react";
+
+import { fetchFilteredCustomers } from "@/app/lib/data";
+import CustomersTable from "@/app/ui/customers/table";
 
 export const metadata:Metadata={
   title:"Customers"
 }
 
-export default function CustomersPage() {
+export default async function CustomersPage({searchParams}:{searchParams:{
+  query?:string;
+  page?:string;
+}}) {
+  const query = searchParams?.query || "";
+  const customers = await fetchFilteredCustomers(query);
   return (
-    <div>Customers Page</div>
+    <Suspense >
+        <CustomersTable customers={customers} />
+    </Suspense>
   )
 }