feat: user dashboard page added

[Martins100-Tmd]

Description

Closes #issue_number_here

Changes proposed

What were you told to do?

• Develop the User Dashboard Page based on the provided design and requirements.
• Implement a responsive layout that adapts to different screen sizes.
• Create the header with navigation menu, search functionality, and user profile display.
• Implement the date range selector with download functionality.
• Design and populate the key metrics section with dynamic data.
• Create the revenue overview graph with proper scaling and labeling.
• Implement the Recent Sales list with customer avatars and transaction amounts.
• Develop the sidebar navigation with active state indication.
• Ensure all data is properly fetched and displayed from the backend.
• Implement any necessary animations or transitions for a smooth user experience.
• Add appropriate alt text and aria labels for accessibility.
• Optimize the page for performance, considering lazy loading for non-critical elements.

What did you do?

2. Develop the User Dashboard Page based on the provided design and requirements.
3. Implement a responsive layout that adapts to different screen sizes.
4. Create the header with navigation menu, search functionality, and user profile display.
5. Implement the date range selector with download functionality.
6. Design and populate the key metrics section with dynamic data.
7. Create the revenue overview graph with proper scaling and labeling.
8. Implement the Recent Sales list with customer avatars and transaction amounts.
9. Develop the sidebar navigation with active state indication.
10. Ensure all data is properly fetched and displayed from the backend.
11. Implement any necessary animations or transitions for a smooth user experience.
12. Add appropriate alt text and aria labels for accessibility.
13. Optimize the page for performance, considering lazy loading for non-critical elements.

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.
• 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

[shalomtaiwo]

there are too many conflicts

[JulianaSau]

these icons can come from lucide-icons

[Martins100-Tmd]

Ok, How do i install that?

[JulianaSau]

it's already installed

[Martins100-Tmd]

Alright, My component also have a bar chart which I need "rechart" package. But it's not installed!

[JulianaSau]

you can install it @Martins100-Tmd

[Martins100-Tmd]

Alright thanks