fix: move auto-progress toggle to response options

Place the auto-progress setting above Hide Back button in Response Options so it appears where survey behavior settings are configured.

Made-with: Cursor

apps/web/modules/survey/editor/components/response-options-card.tsx

@@ -118,6 +118,10 @@ export const ResponseOptionsCard = ({
     setLocalSurvey({ ...localSurvey, isBackButtonHidden: !localSurvey.isBackButtonHidden });
   };
 
+  const handleAutoProgressToggle = () => {
+    setLocalSurvey({ ...localSurvey, isAutoProgressingEnabled: !localSurvey.isAutoProgressingEnabled });
+  };
+
   const handleCaptureIpToggle = () => {
     setCaptureIpToggle(!captureIpToggle);
     setLocalSurvey({ ...localSurvey, isCaptureIpEnabled: !localSurvey.isCaptureIpEnabled });
@@ -384,6 +388,13 @@ export const ResponseOptionsCard = ({
               </AdvancedOptionToggle>
             </>
           )}
+          <AdvancedOptionToggle
+            htmlId="autoProgressRatingNps"
+            isChecked={Boolean(localSurvey.isAutoProgressingEnabled)}
+            onToggle={handleAutoProgressToggle}
+            title={t("environments.surveys.edit.auto_progress_rating_and_nps")}
+            description={t("environments.surveys.edit.auto_progress_rating_and_nps_description")}
+          />
           <AdvancedOptionToggle
             htmlId="hideBackButton"
             isChecked={localSurvey.isBackButtonHidden}

apps/web/modules/survey/editor/components/styling-view.tsx

@@ -199,32 +199,10 @@ export const StylingView = ({
     }
   };
 
-  const handleAutoProgressToggle = (enabled: boolean) => {
-    setLocalSurvey((prev) => ({
-      ...prev,
-      isAutoProgressingEnabled: enabled,
-    }));
-  };
-
   return (
     <FormProvider {...form}>
       <form onSubmit={(e) => e.preventDefault()}>
         <div className="mt-12 space-y-3 p-5">
-          <div className="rounded-lg border border-slate-300 bg-white p-4">
-            <div className="flex items-center gap-2">
-              <Switch
-                checked={Boolean(localSurvey.isAutoProgressingEnabled)}
-                onCheckedChange={handleAutoProgressToggle}
-              />
-              <FormLabel className="text-base font-semibold text-slate-900">
-                {t("environments.surveys.edit.auto_progress_rating_and_nps")}
-              </FormLabel>
-            </div>
-            <FormDescription className="mt-2 text-sm text-slate-800">
-              {t("environments.surveys.edit.auto_progress_rating_and_nps_description")}
-            </FormDescription>
-          </div>
-
           {!isCxMode && (
             <div className="flex items-center gap-4 py-4">
               <FormField