chore:remove space b/w form and CTA onboarding page

app/client/src/components/formControls/RadioButtonControl.tsx

@@ -0,0 +1,59 @@
+import React from "react";
+import type { ControlProps } from "./BaseControl";
+import BaseControl from "./BaseControl";
+import type { ControlType } from "constants/PropertyControlConstants";
+import type { WrappedFieldInputProps, WrappedFieldMetaProps } from "redux-form";
+import { Field } from "redux-form";
+import { Radio, RadioGroup, type SelectOptionProps } from "@appsmith/ads";
+
+class RadioButtonControl extends BaseControl<RadioButtonControlProps> {
+  getControlType(): ControlType {
+    return "RADIO_BUTTON";
+  }
+  render() {
+    return (
+      <Field
+        component={renderComponent}
+        name={this.props.configProperty}
+        props={{ ...this.props }}
+        type="radiobutton"
+      />
+    );
+  }
+}
+
+type renderComponentProps = RadioButtonControlProps & {
+  input?: WrappedFieldInputProps;
+  meta?: WrappedFieldMetaProps;
+  options?: Array<{ label: string; value: string }>;
+};
+
+function renderComponent(props: renderComponentProps) {
+  const onChangeHandler = (value: string) => {
+    props.input && props.input.onChange && props.input.onChange(value);
+  };
+
+  const options = props.options || [];
+  const defaultValue = props.initialValue as string;
+
+  return (
+    <RadioGroup
+      data-testid={props?.input?.name}
+      defaultValue={defaultValue}
+      onChange={onChangeHandler}
+    >
+      {options.map((option) => {
+        return (
+          <Radio key={option.value} value={option.value}>
+            {option.label}
+          </Radio>
+        );
+      })}
+    </RadioGroup>
+  );
+}
+export interface RadioButtonControlProps extends ControlProps {
+  options: SelectOptionProps[];
+}
+
+export default RadioButtonControl;

app/client/src/pages/Editor/DataSourceEditor/JSONtoForm.tsx

@@ -12,7 +12,7 @@ import type { FeatureFlags } from "ee/entities/FeatureFlag";
 export const FormContainer = styled.div`
   display: flex;
   position: relative;
-  height: 100%;
+  height: 55vh;
   overflow: hidden;
   flex: 1;
   flex-direction: column;

app/client/src/pages/Editor/SaaSEditor/DatasourceForm.tsx

@@ -649,17 +649,6 @@ class DatasourceSaaSEditor extends JSONtoForm<Props, State> {
                 >
                   {(!viewMode || createFlow || isInsideReconnectModal) && (
                     <>
-                      {/* This adds information banner when creating google sheets datasource,
-              this info banner explains why appsmith requires permissions from users google account */}
-                      {datasource && isGoogleSheetPlugin && createFlow ? (
-                        <AuthMessage
-                          actionType={ActionType.DOCUMENTATION}
-                          calloutType="info"
-                          datasource={datasource}
-                          description={googleSheetsInfoMessage}
-                          pageId={pageId}
-                        />
-                      ) : null}
                       {/* This adds error banner for google sheets datasource if the datasource is unauthorised */}
                       {datasource &&
                       isGoogleSheetPlugin &&
@@ -675,6 +664,17 @@ class DatasourceSaaSEditor extends JSONtoForm<Props, State> {
                         ? map(sections, this.renderMainSection)
                         : null}
                       {""}
+                      {/* This adds information banner when creating google sheets datasource,
+              this info banner explains why appsmith requires permissions from users google account */}
+                      {datasource && isGoogleSheetPlugin && createFlow ? (
+                        <AuthMessage
+                          actionType={ActionType.DOCUMENTATION}
+                          calloutType="info"
+                          datasource={datasource}
+                          description={googleSheetsInfoMessage}
+                          pageId={pageId}
+                        />
+                      ) : null}
                     </>
                   )}
                   {viewMode &&

app/client/src/utils/formControl/FormControlRegistry.tsx

@@ -35,6 +35,8 @@ import FormTemplateControl from "components/formControls/FormTemplateControl";
 import type { FormTemplateControlProps } from "components/formControls/FormTemplateControl";
 import MultiFilePickerControl from "components/formControls/MultiFilePickerControl";
 import type { MultipleFilePickerControlProps } from "components/formControls/MultiFilePickerControl";
+import type { RadioButtonControlProps } from "components/formControls/RadioButtonControl";
+import RadioButtonControl from "components/formControls/RadioButtonControl";
 
 /**
  * NOTE: If you are adding a component that uses FormControl
@@ -183,6 +185,11 @@ class FormControlRegistry {
         },
       },
     );
+    FormControlFactory.registerControlBuilder(formControlTypes.RADIO_BUTTON, {
+      buildPropertyControl(controlProps: RadioButtonControlProps): JSX.Element {
+        return <RadioButtonControl {...controlProps} />;
+      },
+    });
   }
 }
 

app/client/src/utils/formControl/formControlTypes.ts

@@ -18,4 +18,5 @@ export default {
   PROJECTION: "PROJECTION",
   FORM_TEMPLATE: "FORM_TEMPLATE",
   MULTIPLE_FILE_PICKER: "MULTIPLE_FILE_PICKER",
+  RADIO_BUTTON: "RADIO_BUTTON",
 };

app/server/appsmith-plugins/googleSheetsPlugin/src/main/resources/form.json

@@ -33,7 +33,7 @@
         {
           "label": "Permissions | Scope",
           "configProperty": "datasourceConfiguration.authentication.scopeString",
-          "controlType": "DROP_DOWN",
+          "controlType": "RADIO_BUTTON",
           "options": [
             {
               "label": "Read / Write / Delete | Selected google sheets",