Add Newsletter Component and Page

- Newsletter form on Subscribe page and at the end of the photos

src/organisms/Footer.svelte

@@ -1,8 +1,12 @@
 <script>
+    import { stores } from '@sapper/app'
     import { site, currentLocation } from 'utils/store'
     // Components
     import LinkTranslate from 'atoms/LinkTranslate'
     import Switcher from 'molecules/Switcher'
+
+    // Variables
+    const { page } = stores()
 </script>
 
 <footer class="footer">
@@ -16,7 +20,10 @@
                 <li>
                     <ul>
                         <li>
-                            <LinkTranslate href="/credits" text="Credits" rel="prefetch" noScroll />
+                            <LinkTranslate href="/subscribe" text="Keep Updated" active={$page.path.includes('subscribe')} rel="prefetch" noScroll />
+                        </li>
+                        <li>
+                            <LinkTranslate href="/credits" text="Credits" active={$page.path.includes('credits')} rel="prefetch" noScroll />
                         </li>
                         {#if $site}
                         <li class="instagram">

src/organisms/Pagination.svelte

@@ -1,7 +1,8 @@
 <script>
     import { onMount, createEventDispatcher } from 'svelte'
-    import { currentLocation } from 'utils/store'
-
+    import { site, currentLocation } from 'utils/store'
+    // Components
+    import Newsletter from 'molecules/Newsletter'
     // Props
     export let photos
     export let paginatedPhotos
@@ -58,7 +59,12 @@
     {:else if $currentLocation}
     <div class="pagination__message">
         <h3>That's all folks!</h3>
-        <p class="pagination__caption style-caps">Come back later to check out <br>new photos of {$currentLocation.name}</p>
+
+        <Newsletter
+            small={true}
+            brightness="light"
+            title={false}
+        />
     </div>
     {/if}
 </section>