feat: super admin users page #54

[DominionOlonilebi]

Description

This pull request introduces the Super Admin User Listing page ensuring consistency with ShadCN UI components.

Changes proposed

What were you told to do?

1. Page Components:

Use existing card etc to ensure consistency.
Ensure all components match the design specifications provided.

2. Design Specifications:

Refer to the provided design for dimensions, colors, and layout.
Include all items and interactions as designed

3. Functionality:

put together all existing components to make up the admin users listing page

4. Accessibility:

Ensure all components are accessible and follow best practices

What did you do?

• New Component: I created a new folder named app/components/SuperAminUsersPage which contains the code for users dashboard. I also created a folder named app/routes/users that links to the users page

• Functionality: I created and designed the user table, card and static sidebar to form a complete user dashboard with filtering features that filters user's name. I also created the action icon button that pops out the edit and delete function

• Dependency: I did npx shadcn-ui@latest add table and also installed @tanstack/react-table

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 explains the approach.
• I am making a pull request against the dev branch (left side).
• My commit messages styles matches our requested structure.
• My code additions will fail neither code linting checks nor unit test.
• I am only making changes to files I was requested to.

Screenshots/Videos

figma