update table on manage group

src/pages/groups/Column.tsx

@@ -1,3 +1,4 @@
+import { KeenIcon } from '@/components';
 import { ColumnDef } from '@tanstack/react-table';
 
 export type Group = {
@@ -8,7 +9,7 @@ export type Group = {
   description: string;
 };
 
-export const columns: ColumnDef<Group>[] = [
+export const getColumns = (handleUpdate: (data: any) => void): ColumnDef<Group>[] => [
   {
     accessorKey: 'no',
     header: 'ID'
@@ -30,8 +31,19 @@ export const columns: ColumnDef<Group>[] = [
     accessorKey: 'description',
     header: 'Description'
   },
-  // {
-  //   id: 'actions',
-  //   header: 'Actions'
-  // }
+  {
+    id: 'actions',
+    cell: ({ row }) => {
+      const dataMembers = row.original;
+
+      return (
+        <button
+          className="btn btn-sm btn-icon btn-clear btn-light"
+          onClick={() => handleUpdate(dataMembers)}
+        >
+          <KeenIcon icon="notepad-edit" />
+        </button>
+      );
+    }
+  }
 ];