simplify user-management table

src/app/(super-admin-routes)/user-management/page.tsx

@@ -2,24 +2,14 @@
 import React from "react";
 import { UserTableProvider } from "~/components/patterns/data-table/data-table-provider";
 import { UserTable } from "~/components/patterns/data-table/user-table/user-table";
-import { searchParamsSchema } from "~/components/patterns/data-table/validations";
-
-import { type SearchParams } from "~/types/data-table";
-
-export interface UserManagementPageProps {
-  searchParams: SearchParams;
-}
-
-const UserManagement = ({ searchParams }: UserManagementPageProps) => {
-  const search = searchParamsSchema.parse(searchParams);
-  console.log({ parsedSearch: search, searchParams });
 
+const UserManagement = () => {
   return (
     <div>
       <h1 className="mb-4 text-2xl">User Management</h1>
 
       <UserTableProvider>
-        <UserTable search={search} />
+        <UserTable />
       </UserTableProvider>
     </div>
   );

src/components/patterns/data-table/user-table/user-table.tsx

@@ -13,17 +13,17 @@ import {
   filterableColumns,
 } from "./user-table-columns";
 import { TableSkeleton } from "../table-skeleton";
-import { type z } from "zod";
-import { type searchParamsSchema } from "../validations";
 
-export function UserTable({
-  search,
-}: {
-  search: z.infer<typeof searchParamsSchema>;
-}) {
+import { searchParamsSchema } from "../validations";
+import { useSearchParams } from "next/navigation";
+
+export function UserTable() {
   const { enableAdvancedFilter } = useUserTable();
+  const searchParams = useSearchParams();
 
-  console.log({ search });
+  const search = searchParamsSchema.parse(
+    Object.fromEntries(searchParams.entries()),
+  );
 
   const { data, isLoading } = api.superAdmin.getUserData.useQuery(
     {