chore(docs): cleanup card styles

Signed-off-by: braks <78412429+bcakmakoglu@users.noreply.github.com>

Author: bcakmakoglu

docs/src/guide/getting-started.md

@@ -30,7 +30,7 @@ Try out the sandbox starter templates for Vue Flow in JavaScript and TypeScript
 
 <div class="flex flex-col gap-4 md:flex-row md:gap-8">
   <a href="https://new.vueflow.dev/js" target="_blank" class="flex-1 !no-underline">
-    <div class="flex items-center gap-4 p-4 rounded-lg border-1 border-primary dark:bg-secondary">
+    <div class="flex items-center gap-4 p-4 rounded-lg shadow-md border-1 border-primary dark:bg-secondary">
       <LogosJavascript class="text-accent text-2xl" />
       <h3 class="!m-0 font-semibold">new.vueflow.dev/js</h3>
     </div>

docs/src/guide/index.md

@@ -39,7 +39,7 @@ Try out the sandbox starter templates for Vue Flow in JavaScript and TypeScript
 
 <div class="flex flex-col gap-4 md:flex-row md:gap-8">
   <a href="https://new.vueflow.dev/js" target="_blank" class="flex-1 !no-underline">
-    <div class="flex items-center gap-4 p-4 rounded-lg border-1 border-primary dark:bg-secondary">
+    <div class="flex items-center gap-4 p-4 rounded-lg shadow-md border-1 border-primary dark:bg-secondary">
       <LogosJavascript class="text-accent text-2xl" />
       <h3 class="!m-0 font-semibold">new.vueflow.dev/js</h3>
     </div>