Added User profile section and also added check progress section in profile dropdown

[shraddhha]

Description

Please accept my Pull request. I am a contributor of GSSOC'24

Change Implemented:

• Added a profile dropdown menu icon to the left of the existing audio icon.
• The profile dropdown includes options such as "Edit Profile," "Check Progress," "Settings," and "Exit/Sign-out.

Issues Fixed:

• Improved user interface by providing quick access to user profile and settings options.
• Enhanced user experience by integrating a visually appealing circular profile button.
• Ensured the audio icon's position remains unchanged while adding the new dropdown functionality.

Motivation and Context The addition of the profile dropdown menu addresses several usability and functionality concerns:

• User Access: Provides users with immediate access to essential profile options without navigating away from the main interface.
• Aesthetic Improvement: The circular profile button adds a modern, clean look to the user interface.
• Functionality: By including options like "Check Progress," users can easily monitor their activity and achievements, enhancing engagement and satisfaction with the platform.
• Ease of Use: Centralizing user-related actions in one dropdown menu simplifies the user experience, making it more intuitive and user-friendly.

Dependencies This change relies on:

Existing CSS: Ensures that the new dropdown styles blend seamlessly with the current design. Implementation Details

Benefits

• Enhanced User Interaction: Users can manage their profiles, monitor their progress, and access settings easily.
• Streamlined UI: Integrating these options into a dropdown menu keeps the interface clean and uncluttered.
• User Retention: Providing easy access to profile and progress features can improve user engagement and retention.

Fixes: #284

Fixed issue no. #284

Type of change

• [x] New feature (non-breaking change which adds functionality)

• [x] This change requires a documentation update

Checklist:

• [x] I have made this from my own
• [x] I have taken help from some online recourses
• [x] My code follows the style guidelines of this project
• [x] I have performed a self-review of my own code
• [x] I have commented my code, particularly in hard-to-understand areas
• [x] My changes generate no new warnings

ATTACH SCREEN-SHOTS / DEPLOYMENT LINK (if applicable)

[github-actions[bot]]

Thank you for submitting your pull request! 🙌 We'll review it as soon as possible. In the meantime, please ensure that your changes align with our CONTRIBUTING.md. If there are any specific instructions or feedback regarding your PR, we'll provide them here. Thanks again for your contribution! 😊