Update padding in Parallax component for improved layout consistency

src/app/sonuc/sohbet-popup.tsx

@@ -8,6 +8,7 @@ import { useEffect, useState } from "react";
 import { MessageCircleMore, X } from "lucide-react";
 import { AnimatePresence, motion, useReducedMotion } from "motion/react";
 import { SohbetClient } from "@/app/listem/sohbet-client";
+import { ViewportPortal } from "@/components/viewport-portal";
 
 export function SohbetPopup({ kredi }: { kredi: number }) {
   const [acik, setAcik] = useState(false);
@@ -23,7 +24,7 @@ export function SohbetPopup({ kredi }: { kredi: number }) {
   }, [acik]);
 
   return (
-    <>
+    <ViewportPortal>
       <AnimatePresence>
         {acik ? (
           <motion.div
@@ -68,6 +69,6 @@ export function SohbetPopup({ kredi }: { kredi: number }) {
         )}
         {acik ? "Kapat" : "Danışmana sor"}
       </button>
-    </>
+    </ViewportPortal>
   );
 }