New UI design for profiles page added

[Hyper-Matrix]

Description

The new UI for My Profile screen has been added (mockup)
Fixes #807

Type of Change:

• User Interface

Code/Quality Assurance Only

• New feature (non-breaking change which adds functionality pre-approved by mentors)

How Has This Been Tested?

GIF-

ScreenShot-

Checklist:

• My PR follows the style guidelines of this project

Code/Quality Assurance Only

• My changes generate no new warnings

[vj-codes]

@Hyper-Matrix you were supposed to submit In one of png / jpeg / Figma URL / ai formats. In the PR add an image of the design to /docs/ui folder. and not code the design

[Hyper-Matrix]

@vj-codes I have added the jpeg files in the docs/UI folder. I haven't codded anything, the code is for issues #824 #826. So I created a branch UI and added it. If you can see I have created a folder doc and UI and added the image. If am wrong anywhere please guide me out.

[iofall]

@Hyper-Matrix you need to separate your commits across issues. This issue is only for redesign so it should only contain commits for redesign and not any other issue. Please remove the other commits and only keep those that are relevant for this issue.

[iofall]

For each issue, you should create a separate branch which helps in separation of commits across issues.

[iofall]

Also @Hyper-Matrix please remember to follow the Contributing Guidelines your commit messages are not according to the guidelines.

[Hyper-Matrix]

I closing this PR and submitting a new one.