create a basic arrow / hand toolbar

[kfarr]

example UI:

current behavior is arrow, and is default
new behavior is hand

• when selected the cursor turns into an open hand to indicate grabbing
• in this mode the raycaster is off, a user cannot select items

implementation thoughts:

• might be implemented in EditorControls.js
• keyboard shortcut "q" for hand mode? (since "w" is current keyboard shortcut for select / move; "e" is select / rotate; etc)

[vincentfretin]

Not sure if that's really related to EditorControls, but better to not add more changes to it if you can avoid it. It's pending an update aframevr/aframe-inspector#687

[kfarr]

How to make this work:

• create a new "actionbar" component that has radio button (radiogroup) logic to allow only pressing one at a time -- this is a new component that will live in components/components/ActionBar/
• src/editor/components/components/ActionBar/ActionBar.component.jsx
• src/editor/components/components/ActionBar/ActionBar.component.scss
• disable raycaster effectively makes this work -- this logic should live in the actionbar. In the index.js file search for "cursor" cursor.pause()

Then to integrate this new component into Main.js

[vincentfretin]

PR worked on is #626

[kfarr]

closed by #626