Fix the problem images disappear with a large amount of labels, together with small UI improvements.

Fix the problem images disappear with a large number of labels
- By adding min-height to the `ImageContainer`

Small UI improvements:
- Fix "strange" bottom scroll bar
- Make JSON Editor full of the window height instead of default's 500px

Author: Foldblade

src/components/ImageClassification/index.js

@@ -41,6 +41,7 @@ const ImageContainer = styled("div")({
   position: "relative",
   display: "flex",
   flexGrow: 1,
+  minHeight: '20vh',
 })
 
 const Image = styled("img")({

src/components/RawJSONEditor/index.js

@@ -21,6 +21,7 @@ export const RawJSONEditor = ({ content, onSave }) => {
         theme="github"
         mode="javascript"
         width="100%"
+        height="calc(100vh - 80px)"
         value={jsonText}
         editorProps={{ $blockScrolling: Infinity }}
         onChange={(t) => setJSONText(t)}

src/components/WorkspaceContainer/index.js

@@ -64,7 +64,7 @@ export default ({
       iconSidebarItems={[]}
       rightSidebarItems={[]}
     >
-      <Box padding={2} style={{ width: "100%" }}>
+      <Box padding={2, 0} style={{ width: "100%" }}>
         {children}
       </Box>
     </Workspace>