Redesign: Profile/Edit Profile View

[ravi5175]

Description

Closes #807

Redesigned Profile Section with a minimalistic UI approach

Changes:

Profile

• added user profile picture support on the profile page
• added profile cover photo support for the users
• replaced switches that denotes whether a user is available for being mentor or need a mentor , to buttons that can be used to
  switch status instantly without getting into edit section.Status is being represented by changing colors (Green for active,Grey for inactive).

Edit Profile

• click image to upload a new one

Checklist:

• My PR follows the style guidelines of this project
• I have performed a self-review of my own code or materials
• I have made corresponding changes to the documentation
• Any dependent changes have been merged

Code/Quality Assurance Only

• My changes generate no new warnings

[sanchi0204]

@ravi5175 It is mentioned in the issue that only UI mocks are required and changes in the code are not to be done.
I appreciate your efforts but please design the UI mock-ups in AdobeXD or Figma and add the link to the file under docs/ui folder as a .md file and the screenshot of the same under docs/ui folder.

Also, pls change the branch name from develop to something else; which is more relevant to the Issue.

[ravi5175]

@sanchi0204 i am not able to locate this docs/ui in the repo, can you guide me

[vj-codes]

@ravi5175 you have to create both docs and ui folders and then add the markdown file

[ravi5175]

@sanchi0204 requested changes are done, please check it

[sanchi0204]

@ravi5175 3 points to note:

1. I am not able to access the link. Pls check on that.
2. Add the screenshot as well under docs/ui
3. change the branch name from develop to something else

[devkapilbansal]

@ravi5175 please squash your commits into one to keep the working directory clean

[ravi5175]

@sanchi0204 , i had done the changes that you requested but i need to make a new pull request since this one still using the develop branch, so i am closing this one