add pre footer code link component

src/App.vue

@@ -5,6 +5,7 @@
     <HeaderUSGS />
     <WorkInProgressWarning v-if="typeOfEnv === '-beta build-'" />
     <RouterView />
+    <PreFooterCodeLinks />
     <FooterUSGS />
   </div>
 </template>
@@ -16,6 +17,7 @@
   import HeaderUSWDSBanner from "./components/HeaderUSWDSBanner.vue";
   import HeaderUSGS from './components/HeaderUSGS.vue';
   import WorkInProgressWarning from "./components/WorkInProgressWarning.vue";
+  import PreFooterCodeLinks from "@/components/PreFooterCodeLinks.vue";
   import FooterUSGS from './components/FooterUSGS.vue';
   import { useWindowSizeStore } from './stores/WindowSizeStore';
 

src/components/PreFooterCodeLinks.vue

+<template>
+  <div id="code-repository-link-container">
+    <a
+      :href=gitHubRepositoryLink
+      target="_blank"
+      aria-label="github link"
+    >See the code behind this visualization
+      <font-awesome-icon :icon="{ prefix: 'fab', iconName: 'github' }" />
+    </a>
+  </div>
+</template>
+
+<script setup>
+  const gitHubRepositoryLink = import.meta.env.VITE_APP_GITHUB_REPOSITORY_LINK;
+</script>
+
+<style scoped lang="scss">
+
+  #code-repository-link-container {
+    display: flex;
+    justify-content: flex-end;
+    width: 100%;
+    background-color: var(--color-code-links-background);
+    margin: 0 auto;
+    padding: 0.4rem 1.5rem;
+    a {
+      color: var(--color-text);
+      margin-left: 10px;
+      text-decoration: none;
+    }
+  }
+
+</style>