feat: add members kyc page

src/pages/members/kyc/Kyc.tsx

@@ -0,0 +1,42 @@
+import { DataGridInner, TDataGridProps } from '@/components';
+import { Table } from '@tanstack/react-table';
+import React, { createContext, useContext, useState } from 'react';
+import { ManageKycContextProvider } from './hooks';
+
+export interface IDataGridContextProps<TData extends object> {
+  props: TDataGridProps<TData>;
+  table: Table<TData>;
+  totalRows: number;
+  loading: (state: boolean) => void;
+  reload: () => void;
+  children?: React.ReactNode;
+}
+
+const DataGridContext = createContext<IDataGridContextProps<any> | undefined>(undefined);
+
+export const useDataGrid = () => {
+  const context = useContext(DataGridContext);
+  if (!context) {
+    throw new Error('useDataGrid must be used within a DataGridProvider');
+  }
+  return context;
+};
+
+const Kyc = () => {
+  const [loading, setLoading] = useState(false);
+
+  return (
+    <div>
+      <div className="container mx-auto py-5">
+        <h1 className="text-xl font-medium leading-none text-gray-900 mb-7">Manage Member KYC</h1>
+        <ManageKycContextProvider>
+          <div className="grid gap-5 lg:gap-7.5">
+            <DataGridInner />
+          </div>
+        </ManageKycContextProvider>
+      </div>
+    </div>
+  );
+};
+
+export default Kyc;