Add a link to radicle.dev to the node sidebar footer

src/views/nodes/View.svelte

@@ -30,8 +30,18 @@
 </script>
 
 <style>
+  .sidebar-wrapper {
+    display: flex;
+    flex-direction: column;
+    min-height: 100%;
+  }
+
   .sidebar {
     padding: 1rem;
+    display: flex;
+    flex-direction: column;
+    gap: 1rem;
+    flex: 1;
   }
 
   .sidebar-content {
@@ -40,6 +50,25 @@
     flex-direction: column;
   }
 
+  .footer {
+    margin-top: auto;
+    padding-top: 1rem;
+    font: var(--txt-body-m-regular);
+    color: var(--color-text-tertiary);
+  }
+
+  .footer a {
+    color: var(--color-text-tertiary);
+    text-decoration: none;
+    display: inline-flex;
+    align-items: center;
+    gap: 0.25rem;
+  }
+
+  .footer a:hover {
+    text-decoration: underline;
+  }
+
   .description {
     word-break: break-word;
   }
@@ -65,7 +94,7 @@
 </style>
 
 <Layout>
-  <div slot="sidebar">
+  <div slot="sidebar" class="sidebar-wrapper">
     {#if node.bannerUrl}
       <img style:width="100%" alt="Node banner" src={node.bannerUrl} />
     {/if}
@@ -141,6 +170,13 @@
           </div>
         </div>
       </div>
+
+      <div class="footer">
+        <a href="https://radicle.dev" target="_blank" rel="noreferrer">
+          Learn more about Radicle
+          <Icon name="open-external" />
+        </a>
+      </div>
     </div>
   </div>