Allow setting permission of collections during import (#6799)

* Allow setting permission of collections during import

closes #6767

* Remove unused column

app/scenes/Settings/components/ImportJSONDialog.tsx

@@ -1,8 +1,6 @@
 import * as React from "react";
 import { Trans } from "react-i18next";
 import { FileOperationFormat } from "@shared/types";
-import Flex from "~/components/Flex";
-import Text from "~/components/Text";
 import env from "~/env";
 import useStores from "~/hooks/useStores";
 import DropToImport from "./DropToImport";
@@ -13,18 +11,7 @@ function ImportJSONDialog() {
   const appName = env.APP_NAME;
 
   return (
-    <Flex column>
-      <Text as="p" type="secondary">
-        <DropToImport
-          onSubmit={dialogs.closeAllModals}
-          format={FileOperationFormat.JSON}
-        >
-          <Trans>
-            Drag and drop the zip file from the JSON export option in{" "}
-            {{ appName }}, or click to upload
-          </Trans>
-        </DropToImport>
-      </Text>
+    <>
       <HelpDisclosure title={<Trans>How does this work?</Trans>}>
         <Trans
           defaults="You can import a zip file that was previously exported from the JSON option in another instance. In {{ appName }}, open <em>Export</em> in the Settings sidebar and click on <em>Export Data</em>."
@@ -34,7 +21,16 @@ function ImportJSONDialog() {
           }}
         />
       </HelpDisclosure>
-    </Flex>
+      <DropToImport
+        onSubmit={dialogs.closeAllModals}
+        format={FileOperationFormat.JSON}
+      >
+        <Trans>
+          Drag and drop the zip file from the JSON export option in{" "}
+          {{ appName }}, or click to upload
+        </Trans>
+      </DropToImport>
+    </>
   );
 }