feat: Modal + ViewportDownloadForm (#1799)

* feat: Modal + ViewportDownloadForm

* styles for image preview box

* modal update & close handler

* open modal for Learn More (search info)

* change modal default alignment

* Update platform/ui/src/components/InputNumber/InputNumber.mdx

* nuke inputNumber and use inputText with refactor

* make input more reusable

* revert inputText "number" stuff

* replace inputText to Input

* fix input spacing + label

* fix modal overlay classes

* fix inline styles

* fix onclick learn more

* fix close icon

* revert transition

* remove inline styles

* remove unecessary stuff

platform/ui/src/components/InputText/InputText.jsx

@@ -23,7 +23,7 @@ const InputText = ({
         type="text"
         containerClassName="mr-2"
         value={value}
-        onChange={(event) => {
+        onChange={event => {
           onChange(event.target.value);
         }}
       />
@@ -33,15 +33,17 @@ const InputText = ({
 
 InputText.defaultProps = {
   value: '',
+  isSortable: false,
+  onLabelClick: () => {},
+  sortDirection: 'none',
 };
 
 InputText.propTypes = {
   label: PropTypes.string.isRequired,
-  isSortable: PropTypes.bool.isRequired,
-  sortDirection: PropTypes.oneOf(['ascending', 'descending', 'none'])
-    .isRequired,
-  onLabelClick: PropTypes.func.isRequired,
-  value: PropTypes.string,
+  isSortable: PropTypes.bool,
+  sortDirection: PropTypes.oneOf(['ascending', 'descending', 'none']),
+  onLabelClick: PropTypes.func,
+  value: PropTypes.any,
   onChange: PropTypes.func.isRequired,
 };