feat: ⚡️ Add docs and connect Stripe

apps/docs/src/css/custom.css

@@ -0,0 +1,45 @@
+/* stylelint-disable docusaurus/copyright-header */
+/**
+ * Any CSS included here will be global. The classic template
+ * bundles Infima by default. Infima is a CSS framework designed to
+ * work well for content-centric websites.
+ */
+
+@import url("https://fonts.googleapis.com/css2?family=Epilogue:wght@300;400;500;600;700;800&family=Open+Sans:wght@300;400;600;700&display=swap");
+
+body {
+  font-family: "Open Sans", sans-serif;
+}
+
+h1,
+h2,
+h3,
+h4 {
+  font-family: "Epilogue", sans-serif;
+}
+
+img {
+  border-radius: 0.5rem;
+}
+/* You can override the default Infima variables here. */
+:root {
+  --ifm-color-primary: #0042da;
+  --ifm-color-primary-dark: #003bc4;
+  --ifm-color-primary-darker: #0038b9;
+  --ifm-color-primary-darkest: #002e99;
+  --ifm-color-primary-light: #0049f0;
+  --ifm-color-primary-lighter: #004cfb;
+  --ifm-color-primary-lightest: #1c61ff;
+  --ifm-code-font-size: 95%;
+}
+
+.docusaurus-highlight-code-line {
+  background-color: rgba(0, 0, 0, 0.1);
+  display: block;
+  margin: 0 calc(-1 * var(--ifm-pre-padding));
+  padding: 0 var(--ifm-pre-padding);
+}
+
+html[data-theme="dark"] .docusaurus-highlight-code-line {
+  background-color: rgba(0, 0, 0, 0.3);
+}