fix nav bar for pinned lists (#263)

routes/_components/Nav.html

@@ -1,6 +1,6 @@
 <nav class="main-nav">
 	<ul class="main-nav-ul">
-    {#each $navPages as navPage (navPage.name)}
+    {#each $navPages as navPage (navPage.href)}
       <li class="main-nav-li">
         <NavItem
           {page}

routes/_store/computations/navComputations.js

@@ -33,7 +33,7 @@ export function navComputations (store) {
         }
       } else if (pinnedPage.startsWith('/lists/')) {
         pinnedPageObject = {
-          name: 'lists',
+          name: `lists/${pinnedPage.split('/').slice(-1)[0]}`,
           href: pinnedPage,
           svg: '#fa-bars',
           label: pinnedListTitle

routes/lists/[listId].html

@@ -1,7 +1,7 @@
 <svelte:head>
   <title>Pinafore – List</title>
 </svelte:head>
-<Layout page='lists'>
+<Layout page='lists/{params.listId}'>
   <LazyPage {pageComponent} {params} />
 </Layout>
 <script>