[FEATURE]: "My Progress" tab frontend design

[Joe-26]

Describe the feature

A intuitive design for 'My Progress' tab in form of graphs and charts.

Why is this feature important?

This will help logged in users to track their progress and improve.

Possible implementation

Figma design: https://www.figma.com/design/bmNITlaWvUd63PbZ8bfo4y/Audemy-s-Website-Redesign?node-id=17-2

Before submitting

• I have searched for existing feature requests.

[Joe-26]

Initial design of the My Progress tab is done according to the Figma wireframe! Need to connect it to the backend databases & check for necessary changes.

[Joe-26]

Added code to pull the user name from the cookies if the user is logged in. If the user isn't logged in a message is displayed telling user to login to save and see their progress.

[Joe-26]

Updated the code to accommodate the user's level for each level and the progress image based on the level.

[Joe-26]

'my-progress' dashboard is now ready. It successfully utilizes the data pulled-in from the database for the logged in user and displays it accordingly with the help of appropriate images and level - names['Beginner', 'Intermediate', 'Advanced']