Improve Edit page

[minhhang107]

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

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

Describe the solution you'd like

• Replace react-input-range with another UI library #188
  Change distance preference: max = 500
• Improve fields on Edit page #192
• Create Edit page #193
• Fix Edit page spacing #194
• Find a way to go back to Profile page when clicking Profile on Navbar (optional)
• Add a confirmation when user clicks on Cancel (optional)

Additional context
@hlavu these are some changes I want to make, feel free to add/remove anything you want to do and we can start this after the backend mutation works with frontend

[minhhang107]

@hlavu we have some more things to do as suggested by BE team
@oliver-pham do you want this to be done first or the report first?

[oliver-pham]

I suggest we prioritize the report then circle back to these issues, @minhhang107.

Might as well break these to-do items into smaller GitHub issues and tackle some of them each sprint if possible. "Paying" all tech debt at once comes with a price too, so we should be cautious about what item is worth our time and effort.

[hlavu]

@hlavu we have some more things to do as suggested by BE team @oliver-pham do you want this to be done first or the report first?

Should we separate edit-mode into a new page? I think that might help us control the existing fields and new inputs easier.

[minhhang107]

Should we separate edit-mode into a new page? I think that might help us control the existing fields and new inputs easier.

If you think it's a better approach, sure we can do that