feat: add beta label to MCP documentation and style adjustments for positioning

Author: rohanharikr

pages/docs/mcp.mdx

@@ -1,3 +1,5 @@
 # MCP Server
 
-**Under active development**
+**Under active development**
+
+<img src="https://cdn.hello.coop/images/beta-label.png" alt="BETA" className="beta-label"/>

styles/index.css

@@ -38,7 +38,28 @@ nav a[target="_blank"]:after {
     opacity: 0.75;
 }
 
+main {
+    /* for beta label positioning */
+    position: relative;
+}
+
 main a[target="_blank"]:after {
     top: 1px;
     margin-left: 4px;
+}
+
+.beta-label {
+    position: absolute;
+    top: 54px;
+    right: 32px;
+    width: 80px;
+}
+
+@media screen and (min-width: 768px) {
+    .beta-label {
+        position: absolute;
+        top: 32px;
+        right: 48px;
+        width: 110px;
+    }
 }