Add ide scaffold or ideas

related to #218

web/src/components/IdeViewer/IdeViewer.js

@@ -0,0 +1,18 @@
+import { useContext } from 'react'
+import { IdeContext } from 'src/components/IdeToolbarNew'
+
+const IdeViewer = () => {
+  const { state } = useContext(IdeContext)
+  return (
+    <div className="p-8 border-2 m-2">
+      <div className="pb-4">hi I'm viewer</div>
+      <div>
+        I should be showing an{' '}
+        <span className="font-mono uppercase">{state.objectData?.type}</span>{' '}
+        right now
+      </div>
+    </div>
+  )
+}
+
+export default IdeViewer