Hotfix multi-cluster (#3770)

dashboard/src/components/ProvisionerFlow.tsx

@@ -66,8 +66,9 @@ const ProvisionerFlow: React.FC<Props> = ({ }) => {
                 <Block
                   key={i}
                   disabled={
-                    isUsageExceeded ||
-                    (provider === "gcp" && !currentProject?.azure_enabled)
+                    !currentProject?.multi_cluster && (isUsageExceeded ||
+                      (provider === "gcp" && !currentProject?.azure_enabled))
+
                   }
                   onClick={() => {
                     if (

dashboard/src/main/home/sidebar/ProvisionClusterModal.tsx

@@ -28,36 +28,46 @@ const ProvisionClusterModal: React.FC<Props> = ({
     const [targetArn, setTargetARN] = useState("")
 
     return (
-        <Modal closeModal={closeModal} width={"900px"}>
+        <Modal closeModal={closeModal} width={"1000px"}>
             <Text size={16}>
                 Provision A New Cluster
             </Text>
             <Spacer y={1} />
-            {currentCredential && targetArn ? (<>
-                <ProvisionerSettings
-                    credentialId={targetArn}
-                    closeModal={closeModal}
-                />
-
-                {/* <ProvisionerForm
-                    goBack={() => setCurrentStep("credentials")}
-                    credentialId={String(currentCredential.aws_integration_id)}
-                    provider={"aws"}
-                /> */}
-            </>) : (
-                < AWSCredentialsList
-                    setTargetARN={setTargetARN}
-                    selectCredential={
-                        (i) =>
-                            setCurrentCredential({
+            <ScrollableContent>
+                {currentCredential && targetArn ? (
+                    <>
+                        <ProvisionerSettings
+                            credentialId={targetArn}
+                            closeModal={closeModal}
+                        />
+                        {/* Uncommented for future use if needed.
+                    <ProvisionerForm
+                        goBack={() => setCurrentStep("credentials")}
+                        credentialId={String(currentCredential.aws_integration_id)}
+                        provider={"aws"}
+                    /> */}
+                    </>
+                ) : (
+                    <AWSCredentialsList
+                        setTargetARN={setTargetARN}
+                        selectCredential={
+                            (i) => setCurrentCredential({
                                 aws_integration_id: i,
                             })
-                    }
-                />)
-            }
+                        }
+                    />
+                )}
+            </ScrollableContent>
         </Modal >
     )
 }
 
 export default ProvisionClusterModal;
 
+const ScrollableContent = styled.div`
+    width: 100%;
+    max-height: 700px;  // or whatever height you prefer
+    overflow-y: auto;
+    padding: 10px;
+    position: relative;
+`;