Added the basics of keybindings + zooming

src/modules/core/components/App.tsx

@@ -1,13 +1,27 @@
-import React from 'react'
 import '../styles/reset'
 import './App.scss'
 import 'react-toastify/dist/ReactToastify.css'
-import Canvas from './Canvas'
+
 import { ToastContainer } from 'react-toastify'
+import { theme as muiTheme } from '../constants'
+
+import React from 'react'
+import Canvas from './Canvas'
+import CssBaseline from '@material-ui/core/CssBaseline'
+import Theme from '@material-ui/styles/ThemeProvider'
+import Sidebar from './Sidebar'
+import QuestionModal from './QuestionModal'
 
 const App = () => {
     return (
         <>
+            <Theme theme={muiTheme}>
+                <CssBaseline />
+                <Canvas />
+                <Sidebar />
+                <QuestionModal />
+            </Theme>
+            <CssBaseline />
             <ToastContainer
                 position="top-left"
                 autoClose={5000}
@@ -18,7 +32,6 @@ const App = () => {
                 draggable
                 pauseOnHover
             />
-            <Canvas />
         </>
     )
 }