Updated footer to include ESAFORM logo and link

src/lib/components/NavigationFooter.svelte

@@ -3,17 +3,22 @@
     import ScrollToTop from "$lib/components/ScrollToTop.svelte";
     import Link from "$lib/components/Link.svelte";
 
+    import { CDN } from "$lib/constants";
+
     import { navigation } from "$lib/navigation";
 </script>
 
 <div class="navigation-footer">
     <div class="navigation-footer-column-left">
-        <Link
-            class="navigation-footer-site-name"
-            text="AM-D-Model.eu"
-            hotkey="a"
-            redirectFunc={navigation.toHome}
+        <div class="navigation-footer-logo-link">
+            <a href="https://esaform.org/">
+                <img
+                    class="navigation-footer-logo"
+                    src="{CDN}/ESAFORM_logo.webp"
+                    alt="ESAFORM Logo"
                 />
+            </a>
+        </div>
         <div class="navigation-footer-social-media">
             <div class="navigation-footer-buttons-icon">
                 <img
@@ -46,14 +51,17 @@
         </div>
     </div>
     <div class="navigation-footer-column-mid">
-        <ScrollToTop
-            class="navigation-footer-return"
-            text="↥↥↥ Return to top ↥↥↥"
-        />
+        <ScrollToTop class="navigation-footer-return" text="↥↥↥ Return to top ↥↥↥" />
     </div>
     <div class="navigation-footer-column-right">
         <div class="navigation-footer-topic-column">
             <div class="navigation-footer-topic">Topic</div>
+            <Link
+                class="navigation-footer-link"
+                text="Home"
+                hotkey="d"
+                redirectFunc={navigation.toHome}
+            />
             <Link
                 class="navigation-footer-link"
                 text="Data Repository"

src/lib/styles/NavigationFooter.scss

@@ -19,6 +19,17 @@
   justify-content: center;
 }
 
+.navigation-footer-logo-link {
+  max-width: 180px;
+  padding-left: 24px;
+}
+
+.navigation-footer-logo {
+  height: 180px;
+  max-width: 180px;
+  width: auto;
+}
+
 .navigation-footer-column-left {
   @extend .navigation-footer-column;
   justify-content: space-between;