Feat/hng three dotted icon on active member

[Robinson-Taiwo]

Description

Closes #issue_number_here

Changes proposed

A user should be able to to click the three dotted icons attached to each member.

What were you told to do?

A user should be able to to click the three dotted icons attached to each member. when the icon is clicked, a "delete member" tab displays just below it. once the "delete member" tab is tapped, a pop up asking the user if they want to delete a member permanently should come up. The pop up overlay should have two CTAs; A "delete " button CTA and a "Cancel" button CTA to exit that pop up. when a user clicks the "Delete" button, a confirmation pop up saying "members removed successfully" should be displayed. The confirmation pop up should have a "Cancel" icon to allow users close that pop up

[BUG]: The three-dotted icon found on each row of each active member isn't clickable #1073

What did you do?

Added a DeleteMember Modal file modified the members page

Check List (Check all the applicable boxes)

🚨Please review the contribution guideline for this repository.

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

Screenshots/Videos

[github-actions[bot]]

Coverage Report

Status	Category	Percentage	Covered / Total
🔵	Lines	14.69%	778 / 5294
🔵	Statements	14.36%	780 / 5430
🔵	Functions	14.22%	213 / 1497
🔵	Branches	10.01%	229 / 2287

File Coverage

No changed files found.

Generated in workflow #512