docs: link to multiplayer tutorial

docs/docs/discord-activities/getting-started.mdx

@@ -73,7 +73,7 @@ Creating **Discord Activities** is easy to learn, but we also have tutorials to
 	<Card
 		href="https://dev.to/waveplay/how-to-add-multiplayer-to-your-discord-activity-lo1"
 		title="📚 Add Multiplayer to Your Activity"
-		description="Create a multiplayer Discord Activity."
+		description="Create a real-time multiplayer Discord Activity."
 	/>
 	<Card
 		href="https://dev.to/waveplay/achieve-game-like-scaling-in-discord-activities-and-web-apps-using-css-874"

docs/docs/discord-activities/multiplayer.mdx

@@ -7,6 +7,16 @@ import { CardContainer } from '@site/src/components/shared/CardContainer'
 
 Multiplayer features often involve websockets for real-time communication between clients. There are many ways to implement features like this. Depending on what you're building, we recommend either using our **[@robojs/sync](#sync-plugin)** plugin or a more powerful solution like **[Colyseus](https://colyseus.io/)**.
 
+Need a tutorial? We've got you covered!
+
+<CardContainer>
+	<Card
+		href="https://dev.to/waveplay/how-to-add-multiplayer-to-your-discord-activity-lo1"
+		title="📚 Add Multiplayer to Your Activity"
+		description="Create a real-time multiplayer Discord Activity."
+	/>
+</CardContainer>
+
 ## Sync Plugin
 
 If you're building a **[React](https://react.dev)** app, you can use the **@robojs/sync** plugin to sync state across clients in real-time. This is the easiest way to add multiplayer functionality to your Discord Activity.

docs/src/css/custom.css

@@ -179,22 +179,3 @@
 .terminal-header button:hover {
 	opacity: 0.6;
 }
-
-.spacer {
-	flex: 1;
-}
-
-.docsearch-btn {
-	width: 240px;
-	height: 40px !important;
-	background-color: rgba(37, 39, 44, 1) !important;
-	border-color: rgba(49, 54, 60, 1) !important;
-	border-radius: 0px !important;
-	border-style: solid !important;
-	border-width: 2px !important;
-}
-
-.docsearch-btn-placeholder {
-	display: flex;
-	flex: 1;
-}