refactor: standardize card styles and improve layout across dashboard components

web/app/dashboard/roles/_components/assign-permissions.tsx

@@ -191,7 +191,7 @@ function AssignPermissionsDrawerBody({
                   const value = field.value || [];
 
                   return (
-                    <div className="flex-1 min-h-0 space-y-4 overflow-y-auto rounded-xl border p-3">
+                    <div className="flex-1 min-h-0 space-y-4 overflow-y-auto rounded-md border p-3">
                       {loading ? (
                         <div className="py-8 text-center text-sm text-muted-foreground">
                           {t("role.loadingPermissions")}

web/app/dashboard/roles/page.tsx

@@ -123,7 +123,7 @@ function SortableRoleRow({
       </TableCell>
       <TableCell>
         <div className="flex items-center gap-3">
-          <div className="flex size-10 items-center justify-center rounded-2xl bg-muted text-muted-foreground">
+          <div className="flex size-10 items-center justify-center rounded-md bg-muted text-muted-foreground">
             <ShieldCheckIcon className="size-4" />
           </div>
           <div className="font-medium">{displayName}</div>