Gui scafolding toolbar, log console, axis for sketching

src/Toolbar.tsx

@@ -0,0 +1,27 @@
+import { useStore } from './useStore'
+
+export const Toolbar = () => {
+  const { setGuiMode, guiMode } = useStore(({ guiMode, setGuiMode }) => ({
+    guiMode,
+    setGuiMode,
+  }))
+  return (
+    <div>
+      {guiMode.mode === 'default' && (
+        <button
+          onClick={() => {
+            setGuiMode({
+              mode: 'sketch',
+              sketchMode: 'selectFace',
+            })
+          }}
+        >
+          Start sketch
+        </button>
+      )}
+      {guiMode.mode !== 'default' && (
+        <button onClick={() => setGuiMode({ mode: 'default' })}>exit</button>
+      )}
+    </div>
+  )
+}