add phone number

src/pages/members/manage-members/blocks/ListToolBar.tsx

@@ -22,11 +22,17 @@ const ListToolbar = ({ createMember, onReload, isReloading, groups }: ListToolba
 
   const [groupFilter, setGroupFilter] = useState('');
   const [usernameFilter, setUsernameFilter] = useState('');
+  const [msisdnFilter, setMsisdnFilter] = useState('');
   const {table}=useDataGrid();
+  
   const handleUsernameChange = (e: React.ChangeEvent<HTMLInputElement>) => {
     setUsernameFilter(e.target.value);
     table.getColumn('username')?.setFilterValue(e.target.value);
   };
+  const handleMsisdnChange = (e: React.ChangeEvent<HTMLInputElement>) => {
+    setMsisdnFilter(e.target.value);
+    table.getColumn('msisdn')?.setFilterValue(e.target.value);
+  };
 
   const handleGroupChange = (e: any) => {
     let value = e.target.value;
@@ -60,6 +66,13 @@ const ListToolbar = ({ createMember, onReload, isReloading, groups }: ListToolba
                 ))}
               </SelectContent>
             </Select>
+            <input
+              type="text"
+              placeholder="Search Phone Number"
+              value={msisdnFilter}
+              onChange={handleMsisdnChange}
+              className="input w-40"
+            />
           </div>
           <div className="flex gap-3 items-center">
             <Button variant="outline" className="h-7.5 text-[0.8rem]" onClick={createMember}>