feat: adding social logos

Author: Kapil Gowru

fern/products/docs/pages/getting-started/overview.mdx

@@ -55,6 +55,11 @@ description: Meet documentation that is stunning by default, AI-ready, and desig
         padding: 0 !important;
         box-shadow: none !important;
 
+        .card-title {
+          display: flex;
+          gap: 0.25rem;
+        }
+
         img {
           transition: transform 0.15s ease-in-out;
         }
@@ -94,10 +99,10 @@ description: Meet documentation that is stunning by default, AI-ready, and desig
         <img class="mx-auto dark:hidden" alt="Quickstart" src="./images/quickstart.png" />
         <img class="mx-auto hidden dark:block" alt="Quickstart" src="./images/quickstart-dark.png" />
         <div class="w-full space-y-1 overflow-hidden">
-          <div class="text-(color:--grayscale-a12) text-body text-base font-semibold">
+          <div class="text-(color:--grayscale-a12) text-body text-base font-semibold card-title">
             Quickstart
-            <img src="./images/arrow-right-black.svg" alt="Arrow right light" className="dark:hidden m-0" noZoom />
-            <img src="./images/arrow-right-white.svg" alt="Arrow right light" className="hidden dark:block m-0" noZoom />
+            <img src="./images/arrow-right-black.svg" alt="Arrow right light" className="arrow-right dark:hidden m-0" noZoom />
+            <img src="./images/arrow-right-white.svg" alt="Arrow right light" className="arrow-right hidden dark:block m-0" noZoom />
           </div>
           <div class="text-(color:--grayscale-a11) font-light">
             <p>Start building beautiful documentation in under 5 minutes.</p>