Implement custom roles and improve permissions logic

The commit refactors the handling of account roles and enhances permissions checks. The account role has been shifted to use a string type, providing the ability to define custom roles. It also introduces the RolesDataProvider component, which stipulates role-related data for different forms and tables. The modification goes further to consider user role hierarchy in permissions checks, offering a more granular access control.

packages/features/team-accounts/src/components/invitations/account-invitations-table.tsx

@@ -35,6 +35,7 @@ type AccountInvitationsTableProps = {
   permissions: {
     canUpdateInvitation: boolean;
     canRemoveInvitation: boolean;
+    currentUserRoleHierarchy: number;
   };
 };
 
@@ -72,6 +73,7 @@ export function AccountInvitationsTable({
 function useGetColumns(permissions: {
   canUpdateInvitation: boolean;
   canRemoveInvitation: boolean;
+  currentUserRoleHierarchy: number;
 }): ColumnDef<Invitations[0]>[] {
   const { t } = useTranslation('teams');
 
@@ -197,6 +199,7 @@ function ActionsDropdown({
           setIsOpen={setIsUpdatingRole}
           invitationId={invitation.id}
           userRole={invitation.role}
+          userRoleHierarchy={permissions.currentUserRoleHierarchy}
         />
       </If>