add design system link in footer

Author: nemanjam

src/components/Footer.astro

@@ -27,13 +27,16 @@ const trimmedMessage = limitString(message, messageLength);
     <div class="flex justify-between gap-4 flex-col-reverse md:flex-row md:w-full">
       <!-- left column -->
       <div class="flex items-center gap-2 flex-wrap text-sm text-content whitespace-nowrap">
-        <label class="font-bold">Latest commit:</label>
-        <span class="flex items-center gap-2 flex-wrap">
-          <span> {shortDateStr} </span>
-          <Link href={commitUrl} title="Commit url" target="_blank">
+        <div class="flex items-center gap-2">
+          <label class="font-bold">Latest commit:</label>
+          <Link href={commitUrl} title={shortDateStr} target="_blank">
             {trimmedMessage}
           </Link>
-        </span>
+        </div>
+        <div class="flex items-center gap-2">
+          <label class="font-bold">Design system:</label>
+          <Link href={`${ROUTES.DESIGN}`} title="Design system">link</Link>
+        </div>
       </div>
 
       <!-- right column -->