style: do inputs design modification

src/app/(modules)/users/components/UserColumns.tsx

@@ -2,12 +2,8 @@
 
 import { useMemo } from 'react';
 import type { ColumnDef } from '@tanstack/react-table';
-import { Edit, RotateCcw } from 'lucide-react';
 
 import { Badge } from '@/components/ui/badge';
-import { Button } from '@/components/ui/button';
-import { PERMISSIONS } from '@/constants/permissions';
-import { usePermissions } from '@/hooks/usePermissions';
 import type { AdministrationUser } from '@/types';
 
 function formatDate(value?: string | null) {
@@ -19,23 +15,9 @@ function formatDate(value?: string | null) {
   }).format(new Date(value));
 }
 
-interface UseUserColumnsParams {
-  onEdit: (user: AdministrationUser) => void;
-  onToggleStatus: (user: AdministrationUser) => void;
-  pendingUserId?: number;
-}
-
-export function useUserColumns({
-  onEdit,
-  onToggleStatus,
-  pendingUserId,
-}: UseUserColumnsParams): ColumnDef<AdministrationUser>[] {
-  const { hasPermission } = usePermissions();
-  const canEdit = hasPermission(PERMISSIONS.USER.UPDATE);
-  const canDelete = hasPermission(PERMISSIONS.USER.DELETE);
-
+export function useUserColumns(): ColumnDef<AdministrationUser>[] {
   return useMemo(() => {
-    const columns: ColumnDef<AdministrationUser>[] = [
+    return [
       {
         accessorKey: 'first_name',
         header: 'Name',
@@ -88,38 +70,5 @@ export function useUserColumns({
         ),
       },
     ];
-
-    if (!canEdit && !canDelete) return columns;
-
-    columns.push({
-      id: 'actions',
-      header: () => <div className="text-right">Actions</div>,
-      enableSorting: false,
-      cell: ({ row }) => {
-        const user = row.original;
-        return (
-          <div className="flex justify-end gap-2">
-            {canEdit ? (
-              <Button variant="outline" size="sm" onClick={() => onEdit(user)}>
-                <Edit className="size-4" />
-              </Button>
-            ) : null}
-            {canDelete ? (
-              <Button
-                variant="outline"
-                size="sm"
-                disabled={pendingUserId === user.id || user.effective_status === 'pending'}
-                onClick={() => onToggleStatus(user)}
-              >
-                <RotateCcw className="mr-2 size-4" />
-                {user.effective_status === 'active' ? 'Deactivate' : 'Activate'}
-              </Button>
-            ) : null}
-          </div>
-        );
-      },
-    });
-
-    return columns;
-  }, [canDelete, canEdit, onEdit, onToggleStatus, pendingUserId]);
+  }, []);
 }