Create page wrapper

src/components/PageWrapper/PageWrapper.jsx

@@ -0,0 +1,33 @@
+import { XStack, styled } from "tamagui";
+
+const Background = styled("div", {
+  display: "flex",
+  justifyContent: "center",
+  backgroundColor: "white",
+  width: "100vw",
+});
+
+const PageWrapper = ({ children, ...props }) => {
+  return (
+    <Background>
+      <XStack
+        space={"$5"}
+        style={{
+          background: "rgb(245,242,254)",
+          background:
+            "linear-gradient(180deg, rgba(245,242,254,1) 0%, rgba(255,255,255,1) 100%)",
+          borderRadius: "25px",
+          border: "4px solid #09101C",
+          width: "100%",
+          display: "flex",
+          justifyContent: "end",
+          alignItems: "center",
+        }}
+      >
+        {children}
+      </XStack>
+    </Background>
+  );
+};
+
+export { PageWrapper };

src/components/PageWrapper/index.jsx

@@ -0,0 +1 @@
+export { PageWrapper } from "./PageWrapper";