Updated favourites, preparing for implementing extra stuff

src/components/favouriteCard.astro

@@ -3,22 +3,28 @@ export interface Props {
   name: string
   origin: string
   image: string
+  link: string
 }
 
-const { image, origin, name } = Astro.props
+const { link, image, origin, name } = Astro.props
 
 const img: string = `/favourites/${image}.webp`
 ---
 
-<article>
-  <div class="heading">{name}</div>
-  <img src={img} alt={name} />
-  <h2 class="subtext">
-    {origin}
-  </h2>
-</article>
+<a href={link} target="_blank" rel="noopener noreferrer">
+  <article>
+    <div class="heading">{name}</div>
+    <img src={img} alt={name} />
+    <h2 class="subtext">
+      {origin}
+    </h2>
+  </article>
+</a>
 
 <style>
+  a {
+    text-decoration: none;
+  }
   .heading {
     display: flex;
     height: 4rem;