created modal component and Create role Modal Form

[LollyTim]

Description

Closes #issue_number_here

Changes proposed

What were you told to do?

Develop a modal component that contains a form for creating new roles on the admin dashboard. The modal should appear when the "Create Roles" button is clicked. The form should collect necessary role details and submit them to the appropriate API endpoint. Provide feedback to the admin through success or error cards based on the submission result.

What did you do?

• Created a reusable Modal component that displays content when triggered.
• Developed a CreateRoleForm component that includes form fields for role creation (role name, description) and integrates with the appropriate API endpoint for submitting new roles.
• Added success and error feedback messages based on the form submission result.
• Ensured the modal and form are styled according to the design specifications and are responsive.
• Integrated the CreateRoleForm component into the AdminPage with a button to trigger the modal.

Files Changed:

• components/CreateRoleFormModal/CreateRoleModal.tsx: Added Modal component.
• components/CreateRoleFormModal//CreateRoleForm.tsx: Added CreateRoleForm component with form fields and submission logic.

Dependencies Installed:

• None

Check List (Check all the applicable boxes)

🚨Please review the contribution guideline for this repository.

• My code follows the code style of this project.
• This PR does not contain plagiarized content.
• The title and description of the PR is clear and explain the approach.
• I am making a pull request against the dev branch (left side).
• My commit messages styles match our requested structure.
• My code additions will fail neither code linting checks nor unit tests.
• I am only making changes to the requested files.

Screenshots/Videos

Screenshots