docs: add Rafiki website footer (#3612)

Author: Anca2022

packages/documentation/astro.config.mjs

@@ -43,7 +43,8 @@ export default defineConfig({
       },
       components: {
         Header: './src/components/Header.astro',
-        PageSidebar: './src/components/PageSidebar.astro'
+        PageSidebar: './src/components/PageSidebar.astro',
+        Footer: './src/components/Footer.astro'
       },
       defaultLocale: 'root',
       locales: {

packages/documentation/src/components/Footer.astro

@@ -0,0 +1,36 @@
+---
+import Pagination from '@astrojs/starlight/components/Pagination.astro';
+---
+
+<footer class="footer sl-flex">
+	<Pagination />
+  <div class="footer-legal">
+    <p>
+      Rafiki is stewarded by the <a href="https://interledger.org" rel="noopener noreferrer" target="_blank" data-umami-event="Rafiki docs footer - Interledger foundation">Interledger Foundation</a> and Rafiki contributors.
+    </p>
+    <p>
+      Rafiki is made available by the Interledger Foundation under the <a href="https://github.com/interledger/rafiki/blob/main/LICENSE" rel="noopener noreferrer" target="_blank" data-umami-event="Rafiki docs footer - Apache Licence">Apache License, Version 2.0.</a>
+    </p>
+  </div>  
+</footer>
+
+<style>
+  .footer {
+    flex-grow: 1;
+    flex-direction: column;
+    gap: 1.5rem;
+    margin-top: 6rem;
+  }
+
+  .footer-legal {
+    margin-top: auto;
+    padding: 1rem;
+    color: #676767;
+    text-align: center;
+    font-size: var(--sl-text-sm);
+  }
+
+  .footer-legal a:hover {
+    color: var(--sl-color-white);
+  }
+</style>

packages/documentation/src/styles/rafiki.css

@@ -147,3 +147,16 @@
 .overflow-table tbody tr:not(:last-of-type) td {
   border-block-end: 1px solid var(--sl-color-gray-6);
 }
+
+.main-frame .lg\:sl-flex .main-pane main {
+  display: flex;
+  flex-direction: column;
+  min-height: calc(100vh - var(--sl-nav-height));
+}
+
+.main-frame .lg\:sl-flex .main-pane main .content-panel:last-of-type, 
+.main-frame .lg\:sl-flex .main-pane main .content-panel:last-of-type .sl-container {
+  flex-grow: 1;
+  display: flex;
+  flex-direction: column;
+}