Removed old add file from storage buttons

frontend/package.json

@@ -47,8 +47,7 @@
   },
   "eslintConfig": {
     "extends": [
-      "react-app",
+      "react-app"
-      "react-app/jest"
     ]
   },
   "browserslist": {

frontend/src/components/fileEditor/FileEditor.tsx

@@ -665,6 +665,20 @@ const FileEditor = ({
 
 
   return (
+    <Dropzone
+      onDrop={handleFileUpload}
+      accept={["*/*"]}
+      multiple={true}
+      maxSize={2 * 1024 * 1024 * 1024}
+      style={{ 
+        height: '100vh',
+        border: 'none',
+        borderRadius: 0,
+        backgroundColor: 'transparent'
+      }}
+      activateOnClick={false}
+      activateOnDrag={true}
+    >
       <Box pos="relative" h="100vh" style={{ overflow: 'auto' }}>
         <LoadingOverlay visible={false} />
 
@@ -679,31 +693,6 @@ const FileEditor = ({
                 </Button>
               </>
             )}
-
-          {/* Load from storage and upload buttons */}
-          {showUpload && (
-            <>
-              <Button
-                variant="outline"
-                color="blue"
-                onClick={() => setShowFilePickerModal(true)}
-              >
-                Load from Storage
-              </Button>
-
-              <Dropzone
-                onDrop={handleFileUpload}
-                accept={["*/*"]}
-                multiple={true}
-                maxSize={2 * 1024 * 1024 * 1024}
-                style={{ display: 'contents' }}
-              >
-                <Button variant="outline" color="green">
-                  Upload Files
-                </Button>
-              </Dropzone>
-            </>
-          )}
           </Group>
 
 
@@ -867,6 +856,7 @@ const FileEditor = ({
         </Notification>
       )}
       </Box>
+    </Dropzone>
   );
 };