refactor: upload temp

src/App/AppLayout/index.tsx

@@ -0,0 +1,12 @@
+import { FC, ReactNode } from "react";
+
+import style from './style.module.scss'
+
+interface AppLayoutProp {
+  children?: ReactNode
+}
+
+export const AppLayout: FC<AppLayoutProp> = ({ children }) =>
+  <div className={style.container}>
+    {children}
+  </div>

src/App/AppLayout/style.module.scss

@@ -0,0 +1,16 @@
+.container {
+  display: flex;
+
+  width: 100vw;
+  height: 100dvh;
+
+  > * {
+    flex: 1;
+  }
+
+  @media (max-width: 1200px) {
+    & {
+      flex-direction: column;
+    }
+  }
+}

src/App/index.tsx

@@ -0,0 +1,11 @@
+import { FC } from "react";
+import { AppLayout } from "./AppLayout";
+import { Editor } from "../Editor";
+import { TransformGrid } from "../TransformGrid";
+
+export const App: FC = () =>
+  <AppLayout>
+    <Editor />
+    <TransformGrid />
+  </AppLayout>
+