Improving the UI for the My Profile section

[devagn611]

Description

This PR addresses issue #9 by improving the UI for the My Profile section and enhancing the user experience for the About section. Users can now go to the settings, enter or update their profile details, and if they provide information in the About section, it will be displayed on their My Profile page. Additionally, all of the user's blogs will be shown below the user details in a card format for a more organized and visually appealing presentation.

Related Issue

Fixes #9

Type of change

• New feature (non-breaking change which adds functionality)
• Bug fix (non-breaking change which fixes an issue)
• Breaking change (fix or feature that would cause existing functionality to not work as expected)
• This change requires a documentation update

Motivation and Context

The previous design of the My Profile page lacked an intuitive layout for the user's About section, which was not visible unless explicitly accessed. This update provides a seamless way to display user information along with their blogs in a structured card format, improving the overall user experience. This change enhances the profile section's readability and accessibility.

How Has This Been Tested?

The changes were tested by:

1. Creating a new profile, updating the About section, and verifying that the information is properly displayed on the My Profile page.
2. Checking that all blogs written by the user are correctly displayed below the user details in card format.
3. Ensuring that the UI updates do not introduce any layout issues across different screen sizes.

To reproduce the tests:

1. Navigate to the settings page.
2. Update the About section and save.
3. Visit the My Profile page to verify that the updated information is displayed.
4. Check that the user's blogs are visible in a card format below the profile details.

Screenshots (if appropriate):

N/A

Checklist:

• I have registered myself at Contrihub website.
• My code follows the code style of this project.
• I have commented my code, particularly in hard-to-understand areas.
• My changes generate no new warnings.
• My change requires a change to the documentation.
• I have updated the documentation accordingly.
• I have read the CONTRIBUTING document.
• Any dependent changes have been merged and published in downstream modules.
• I have added tests to cover my changes.
• All new and existing tests passed.

Test Configuration:

• Firmware version: N/A
• Hardware: N/A
• Toolchain: N/A
• SDK: N/A