Improve Profile page UI

[minhhang107]

Is your feature request related to a problem? Please describe. There're some enhancements we can do to improve Profile page

Are there any related issues? Please list all of them.

• 34

Describe the solution you'd like None of the below affects the functionalities of the page but I think they're worth considering. Feel free to leave out any pieces that are not necessary

• [x] Add more padding to the bottom of the page
• [x] Make navbar fixed at top of screen and add more padding bottom for navbar
• [x] Remove the Save button when photo is on zoom (users probably don't want strangers to be able to save their photo)
• [ ] Fix the size of user photo: we need to make all preview photos the same size. Currently horizontal and vertical photos look different
• [x] I think the horizontal space between photos is quite big? Maybe we can reduce the padding or put 4/5 photos on a row?
• [ ] Maybe make the zoom screen smaller. I feel that when photo is zoomed, it takes the whole screen and is very overwhelming (especially with the black background). The photo zoom on Unsplash can be an inspiration, anyway this is just optional
• [x] Implement responsive design

Acceptance Criteria

• New changes do not break current page

[oliver-pham]

Another important aspect is making sure it's mobile responsive as well. Current state: