[FEAT] Organization settings > Roles and permission page > Implement inactive permissions page

[oreoluwa212]

Description

Implement the "Active Permissions" component within the Roles and Permissions sections.

Acceptance Criteria

• The component displays a list of roles on the left side
• Each role displays a name and a brief description
• The selected role is highlighted

Expected Outcome

• User should be able to view the list of roles
• User should be able to select a role and view its permissions

Purpose

As an administrator, I want to manage different organizational roles.

Requirement

• Implement the component to display roles
• Ensure the component follows the brand's design guidelines
• Make sure the component is responsive

Testing

• Test if roles are displayed correctly
• Test if the selected role is highlighted

Task

• [ ] Create a component to list roles
• [ ] Display name and description for each role
• [ ] Highlight the selected role
• [ ] Ensure the component follows brand colors and design
• [ ] Ensure the component is responsive

Picture

Dev Mode

• Dev Mode Link

[danthecm]

@oreoluwa212 Duplicate: https://github.com/hngprojects/hng_boilerplate_nextjs/issues/109