feat: refactoring casl permission checks for recursive nested operations (#778)

* feat: nested casl abilities

* fix: remove unused packages

* Fixes

* Fix createMany broken

* Fix lint

* Fix lint

* Fix lint

* Fix lint

* Fixes

* Fix CommentThread

* Fix bugs

* Fix lint

* Fix bugs

* Fixed auto routing

* Fixed app path

---------

Co-authored-by: Charles Bochet <charles@twenty.com>
Co-authored-by: Lucas Bordeau <bordeau.lucas@gmail.com>

front/src/pages/settings/SettingsWorkspaceMembers.tsx

@@ -3,7 +3,11 @@ import styled from '@emotion/styled';
 import { useRecoilState } from 'recoil';
 
 import { currentUserState } from '@/auth/states/currentUserState';
-import { Button } from '@/ui/button/components/Button';
+import {
+  Button,
+  ButtonSize,
+  ButtonVariant,
+} from '@/ui/button/components/Button';
 import { IconSettings, IconTrash } from '@/ui/icon';
 import { SubMenuTopBarContainer } from '@/ui/layout/components/SubMenuTopBarContainer';
 import { MainSectionTitle } from '@/ui/title/components/MainSectionTitle';
@@ -102,8 +106,8 @@ export function SettingsWorkspaceMembers() {
                 <ButtonContainer>
                   <Button
                     onClick={() => handleRemoveWorkspaceMember(member.user.id)}
-                    variant="tertiary"
-                    size="small"
+                    variant={ButtonVariant.Tertiary}
+                    size={ButtonSize.Small}
                     icon={<IconTrash size={theme.icon.size.md} />}
                   />
                 </ButtonContainer>