adding stripe section, parts of dashboard

ui/public/pages/SignUp.js

@@ -0,0 +1,31 @@
+class SignUp extends Shadow {
+    render() {
+        VStack(() => {
+            
+            h2("$50 / Month Subscription")
+                .color("var(--red)")
+
+            p(" - Access to Parchment Online and Parchment Desktop")
+            p(" - Ability to Create Networks")
+            p(" - Up to 5GB Storage Space")
+
+            button("Buy")
+                .color("var(--red")
+                .border("1px solid var(--red)")
+                .marginLeft("auto")
+                .fontSize(1.1, em)
+                .onClick(async function() {
+                    this.innerText = "Loading..."
+                    const res = await fetch("/create-checkout-session", { method: "POST" });
+                    const data = await res.json();
+                    window.location = data.url;                        
+                })
+                .marginTop(2, em)
+        })
+        .x(50, vw).y(50, vh).center()
+        .border("1px solid var(--red)")
+        .padding(1, em)
+    }
+}
+
+register(SignUp)