First push

client/src/App.tsx

@@ -0,0 +1,28 @@
+import React from 'react';
+import { ChakraProvider, Box, Flex } from '@chakra-ui/react';
+import { Provider } from 'react-redux';
+import { store } from './store';
+import theme from './theme';
+import Header from './components/common/Header';
+import Sidebar from './components/panels/Sidebar';
+import Canvas from './components/canvas/Canvas';
+import PropertyPanel from './components/panels/PropertyPanel';
+
+const App: React.FC = () => {
+  return (
+    <Provider store={store}>
+      <ChakraProvider theme={theme}>
+        <Box h="100vh" overflow="hidden">
+          <Header />
+          <Flex h="calc(100vh - 60px)">
+            <Sidebar />
+            <Canvas />
+            <PropertyPanel />
+          </Flex>
+        </Box>
+      </ChakraProvider>
+    </Provider>
+  );
+};
+
+export default App;