IA-3123: Review the look and feel of permissions list (with Read/Write)

[hakifran]

Explain what problem this PR is resolving

• Review the look and feel of permissions list (with Read/Write)
  Related JIRA tickets : IA-3123

Self proofreading checklist

• Did I use eslint and black formatters
• Is my code clear enough and well documented
• Are my typescript files well typed
• New translations have been added or updated if new strings have been introduced in the frontend
• My migrations file are included
• Are there enough tests
• Documentation has been included (for new feature)

Doc

• iaso/docs/pages/dev/how_to/add_new_permission/add_new_permission.md

• 4. If the added permission must be coupled with another permission like read and edit

Changes

• Added a READ_EDIT_PERMISSIONS constant in hat/menupermissions/constants.py
• Format Permissions to include the matching read-edit
• Display the matching read-edit permission
• Replace Switch component by checkbox
• Add translations

How to test

• Go Admin ---> Users ---> Management and Go to Admin ---> User Roles
• Create or edit a user and a user role
• Add and remove permissions and specifically those with read and edi permission

Print screen / video

Screencast from 2024-10-02 12-36-51.webm
Screencast from 2024-10-02 12-37-22.webm

[beygorghor]

Good job, We will improve lay-out a bit after. I'm just wondering why you have read twice in the checkboxes? it should be read and write no ?

[beygorghor]

never used this, well done ❤️

[hakifran]

Good job, We will improve lay-out a bit after. I'm just wondering why you have read twice in the checkboxes? it should be read and write no ?

Yeah it's a translation issue: "iaso.permissions.readEdit.edit": "Read",. I Will fix that

[beygorghor]

I have updated your branch with main and resolve conflicts. I have tested it after and works like a charm