fixed ui not zooming out

Author: BakedAlaskaTM

src/index.css

@@ -8,7 +8,7 @@
 }
 }
 
-animation: var(--animate-bounce); /* bounce 1s infinite */
+/*animation: var(--animate-bounce);*/ /* bounce 1s infinite */
 
 @keyframes bounce {
   0%, 100% {

src/pages/home/Home.tsx

@@ -16,6 +16,11 @@ export default function Home() {
         setIsVisible(true);
     };
 
+    const handleClose = () => {
+        setIsVisible(false);
+        zoomOutRef.current?.();
+    };
+
     useEffect(() => {
         if (!canvasRef.current) return;
         const { zoomOut } = main(canvasRef.current, handleOpen);
@@ -36,7 +41,7 @@ export default function Home() {
                     <div className="absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 w-[90vw] h-[90vh] z-50">
                         <LevelComponent
                         key={mountKey}
-                        onClose={() => setIsVisible(false)}
+                        onClose={() => handleClose()}
                         lvl={lvlNum}
                         />
                     </div>

src/pages/home/solarsystem.js

@@ -132,6 +132,7 @@ export function main(canvas, onPlanetFocus) {
     // Zoom out — resets focus and starts the camera tween back to the initial position.
     // Called both by canvas clicks on empty space and externally (e.g. the ✕ button).
     function zoomOut() {
+        console.log("Hi");
         focusedPlanet = null;
         paused        = false;
         tweening      = true;