Improve understandability of the profile screen

[gkupdx]

Is your feature request related to a problem? Please describe.
Feature is not related to a problem, it is just something I'd like to see improved.
Currently, the profile screen info looks like this:

But having a form be displayed under the user profile can be confusing to the user.

Describe the solution you'd like
I would like to change it to something like this:

After clicking on 'Update User Info', it shows the form:

And after you've made changes to your profile and click "Update", it hides the form again:

Describe alternatives you've considered
This is just the first step to improving the UI of the profile screen. I'd like to make more improvements in the future.

Additional context
Add any other context or screenshots about the feature request here.

@roopeshsn I would like to be assigned to this as well.

[roopeshsn]

Refer #94