Fix wrong text in L2 and center LevelComponent

Author: rmen527

src/components/LevelComponent.tsx

@@ -16,7 +16,7 @@ const LEVEL_CONFIGS: Record<number, {
     task: `Translate this Python code into Alien code:\nx = 2\ny = x\ny += x`,
   },
   2: {
-    pythonCode: `x = 5\ny = x - 3\nz = x ** 2\nprint(z)`,
+    pythonCode: `x = 5\ny = x - 3\nz = y ** 2\nprint(z)`,
     alienCode: `x :) 1 + 1 + 1 + 1 + 1\ny :) x - 1 - 1 - 1\nz :) y ^ (1 + 1) \nz :(`,
     task: `Translate this Python code to Alien code:\nx = 2\ny = x ** (-2)\nprint(y)`,
   },

src/pages/home/Home.tsx

@@ -43,14 +43,15 @@ export default function Home() {
                 </div>
             </header>
             <section className="relative w-full h-screen">
-                <div
-                    className="absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 w-[90vw] z-50"
-                    style={{
-                        maxHeight: isVisible ? "100vh" : "0",
-                        overflow: "hidden",
-                        transition: "max-height 0.3s ease",
-                    }}
-                >
+               <div
+  className="absolute top-1/2 left-1/2 w-[90vw] z-50"
+  style={{
+    maxHeight: isVisible ? "100vh" : "0",
+    overflow: "hidden",
+    transition: "max-height 0.3s ease",
+    transform: "translate(calc(-50% - 40px), -50%)",
+  }}
+>
                     <LevelComponent
                     key={mountKey}
                     onClose={() => handleClose()}