[Fullstack] Bugfixes and Chapter Managment

[johannesq23]

Context

We want to finish some things up regarding the chapter management and just fix some bugs that have been lingering around.

Requirements

Add Volunteer Modal

Allow the chapter president or higher to add a volunteer to the chapter, create this design similar to the chapter transfer. The list of volunteers should follow these parameters:
params: { roles: [Role.NONPROFIT_VOLUNTEER], approved: [AdminApprovalStatus.APPROVED], chapters: [""] },

Essentially, we want all the volunteers without a chapter

Pagination Fix

Currently, the pagination is always on the exact left. However, make it so that the highlighted tab is the second one from the left, which allows the user to see one previous and two incoming. This rule should apply to all the tabs except for the first page, and the last two pages.

No pending approvals

If there are no pending approvals, do not show the red button, this can be done with a pretty simple conditional or ternary statement

Popups upon deletion, approvals, and removals

Display a quick popup that just says Volunteer Successfully _____. This should happen in volunteer approval list, volunteer list, and volunteer list within a chapter. You can create a component for this that passes in a string argument or however you want.

Acceptance Criteria

• Add Volunteer to Chapter Component added
• Pagination Fixed
• Pending Approvals Fixed
• Popups exist