updating classnames dep and using ReactNode type

Author: selfcontained

components/dashboard/package.json

@@ -10,6 +10,7 @@
     "@stripe/react-stripe-js": "^1.7.2",
     "@stripe/stripe-js": "^1.29.0",
     "@types/react-datepicker": "^4.8.0",
+    "classnames": "^2.3.1",
     "configcat-js": "^6.0.0",
     "countries-list": "^2.6.1",
     "dayjs": "^1.11.5",
@@ -43,7 +44,6 @@
     "@typescript-eslint/eslint-plugin": "^4.21.0",
     "@typescript-eslint/parser": "^4.21.0",
     "autoprefixer": "^9.8.6",
-    "classnames": "^2.3.1",
     "cypress": "^9.2.1",
     "eslint": "^7.24.0",
     "eslint-config-react-app": "^6.0.0",

components/dashboard/src/components/Modal.tsx

@@ -15,8 +15,8 @@ export default function Modal(props: {
     specify?: string;
     title?: string;
     hideDivider?: boolean;
-    buttons?: React.ReactChild[] | React.ReactChild;
-    children: React.ReactChild[] | React.ReactChild;
+    buttons?: ReactNode;
+    children: ReactNode;
     visible: boolean;
     closeable?: boolean;
     className?: string;
@@ -133,6 +133,7 @@ export const ModalBody = ({ children, hideDivider = false }: ModalBodyProps) =>
 
     // EnvVar body classes
     // border-t border-b border-gray-200 dark:border-gray-800 -mx-6 px-6 py-4 flex flex-col
+    // space-y-4 border-t border-b border-gray-200 dark:border-gray-800 mt-2 -mx-6 px-6 py-4
 
     // Integrations body classes:
     // border-t border-b border-gray-200 dark:border-gray-800 mt-2 -mx-6 px-6 py-4