Pretty navigation

[JakovTomasic]

Improve navigation UI by changing some pathdrawing variables.

[JakovTomasic]

To improve:

• [x] draw whole path and put some accent on the current step (e.g. different color)
• [x] don't draw node circles at every "corner"
• [x] remove from path all nodes that are closer than some threshold and replace them with a single node (average coordinate; example of an problem is first step in path: http://localhost:3000/navigation?startNodeId=I2&endNodeId=P4)
• [ ] create better steps splitting and zoom/cropping logic (one idea is to put a permanent zoom level)
• [x] disable back and next buttons visually (make them gray) when there is no back or next
• [x] add "you reached your destination" screen
• [x] better device tilt warning for compass navigation mode

[JakovTomasic]

Less important but I found this cool effect here

[JakovTomasic]

Here An animation idea for "you reached your destination" screen.

[JakovTomasic]

Better finish flag animation: https://codepen.io/udit007/pen/XWJooNQ

Edit: implemented 😁

[JakovTomasic]

"create better steps splitting and zoom/cropping logic (one idea is to put a permanent zoom level)" - I won't do that now

[JakovTomasic]

Remove limiting borders for navigation. Map div should be fullscreen and the information (as the current floor and toggle buttons) should be overlayed. There is no need for the ugly padding, practically and visually.