docs: Linking to react-native-wgpu on the landing page. (#281)

apps/typegpu-docs/src/components/FeatureCard.astro

@@ -1,6 +1,5 @@
 ---
 const { image, header, class: className } = Astro.props;
-const content = await Astro.slots.render('default');
 ---
 
 <article
@@ -16,6 +15,6 @@ const content = await Astro.slots.render('default');
     <h3 class="pb-3 font-normal md:pb-4 text-grayscale-100">
       {header}
     </h3>
-    <p class="text-grayscale-80">{content}</p>
+    <p class="text-grayscale-80"><slot /></p>
   </div>
 </article>

apps/typegpu-docs/src/pages/index.astro

@@ -120,13 +120,18 @@ import SwmLogoSvg from '../assets/swm-logo.svg';
           and TypeScript automatically validates outgoing and incoming data.</FeatureCard
         >
         <FeatureCard image="atom" header="Run it on React Native"
-          >Works smoothly on React Native thanks to the recently announced
-          "react-native-wgpu" library.</FeatureCard
+          >Works on React Native thanks to the recently announced
+          <a
+            href="https://github.com/wcandillon/react-native-webgpu"
+            target="_blank"
+            class="text-blue-600"
+            rel="noreferrer noopener">react-native-wgpu</a
+          >
+          library.</FeatureCard
         >
 
         <article
-          class="flex justify-center items-center lg:h-[28rem] md:h-[22rem] h-[12.5rem] md:p-10 lg:p-14 p-6 bg-grayscale-0 md:rounded-[3.75rem] lg:rounded-[5rem] rounded-[2rem] opacity-50 md:translate-y-20"
-          ,>
+          class="flex justify-center items-center lg:h-[28rem] md:h-[22rem] h-[12.5rem] md:p-10 lg:p-14 p-6 bg-grayscale-0 md:rounded-[3.75rem] lg:rounded-[5rem] rounded-[2rem] opacity-50 md:translate-y-20">
           <h3 class="text-grayscale-80">More coming soon...</h3>
         </article>
       </div>