Implement Navigation Modes so that mouse wheel zooming works correctly

[Connoropolous]

At the moment, using a mouse wheel pans instead of zooms. The challenge is that trackpads and mice use the same event 'wheel' to report scrolling from either device.

This means that like Miro, the best way is to get the user to tell us what their primary input mode is.

This was a priority request from @zippy who uses a mouse

The designs include setting up a new 'Preferences' modal, accessible from the Profile menu, while looking at a project.

https://xd.adobe.com/view/45682907-c22b-4314-5bc1-b15d3dd2feb7-3359/screen/1002d543-470f-471d-9216-1d9d43f19400/Clicked-on-Preferences

The 'spec' mode of adobe xd web viewer is very useful.

Miro backlink: https://miro.com/app/board/o9J_kxFTed0=/?moveToWidget=3074457347328490855

[Connoropolous]

cc @acatinon another one from our near term roadmap