feat(ui): add completion callback and i18n support to SliderPage

Introduces an `onComplete` callback to `SliderPage` to allow parent
components to control navigation logic after the slider process.
Additionally, implements internationalization for button labels within
the slider components to support multi-language interfaces.

src/app/intro/intro-client.tsx

@@ -125,6 +125,16 @@ export default function IntroClient() {
     }
   };
 
+  const handleSliderComplete = useCallback(
+    (targetPath: string) => {
+      const destination = localizePath(targetPath, locale);
+      router.prefetch(destination);
+      setIsStepsOpen(false);
+      router.replace(destination);
+    },
+    [locale, router],
+  );
+
   return (
     <>
       <div className="pt-[max(12px,calc(var(--safe-top)+4px))]">
@@ -230,7 +240,10 @@ export default function IntroClient() {
         onClose={handleCloseSteps}
       >
         {isStepsOpen && (
-          <SliderPage onClose={handleCloseSteps} />
+          <SliderPage
+            onClose={handleCloseSteps}
+            onComplete={handleSliderComplete}
+          />
         )}
       </SectionOverlayHost>
     </>

src/components/Componentes/slider-page.tsx

@@ -26,9 +26,13 @@ const SLIDER_ANSWERS_STORAGE_KEY = "marriage-slider-answers";
 
 export type SliderPageProps = {
   onClose?: () => void;
+  onComplete?: (targetPath: string) => void;
 };
 
-export default function SliderPage({ onClose }: SliderPageProps = {}) {
+export default function SliderPage({
+  onClose,
+  onComplete,
+}: SliderPageProps = {}) {
   const router = useRouter();
   const { locale } = useI18n();
   const [activeSlide, setActiveSlide] = useState(0);
@@ -114,7 +118,15 @@ export default function SliderPage({ onClose }: SliderPageProps = {}) {
         window.localStorage.removeItem(SLIDER_ANSWERS_STORAGE_KEY);
       }
       
-      router.replace(localizePath(getSubmitPath(freshProfile), locale));
+      const targetPath = getSubmitPath(freshProfile);
+      const localizedTarget = localizePath(targetPath, locale);
+      router.prefetch(localizedTarget);
+
+      if (onComplete) {
+        onComplete(targetPath);
+      } else {
+        router.replace(localizedTarget);
+      }
     } catch (error) {
       console.error("Failed to complete onboarding:", error);
       setSubmitError(t["Failed to update profile basic details. Please try again."] || "Failed to update profile basic details. Please try again.");
@@ -279,13 +291,14 @@ type SliderStepActionsProps = {
 };
 
 function SliderStepActions({ onBack, onNext }: SliderStepActionsProps) {
+  const { dictionary: t } = useI18n();
   return (
     <div className="flex items-center gap-3 [&>button]:flex-1">
       <Button variant="outlined" arrowDirection="left" onClick={onBack}>
-        Back
+        {t["Back"] || t["back"] || "Back"}
       </Button>
       <Button arrowDirection="right" onClick={onNext}>
-        Next
+        {t["Next"] || t["next"] || "Next"}
       </Button>
     </div>
   );
@@ -302,6 +315,7 @@ function SliderFinalActions({
   onBack,
   onFinish,
 }: SliderFinalActionsProps) {
+  const { dictionary: t } = useI18n();
   return (
     <div className="flex items-center gap-3 [&>button]:flex-1">
       <Button
@@ -310,10 +324,10 @@ function SliderFinalActions({
         disabled={isFinishing}
         onClick={onBack}
       >
-        Back
+        {t["Back"] || t["back"] || "Back"}
       </Button>
       <Button disabled={isFinishing} isLoading={isFinishing} onClick={onFinish}>
-        Finish
+        {t["Finish"] || t["finish"] || "Finish"}
       </Button>
     </div>
   );