Add the nav collections to the mobile sidebar now that we're hiding the menu in the header

Author: JayGeorge

public/css/components/nav/sidebar.css

@@ -141,6 +141,15 @@
                 }
             }
 
+            .c-nav-sidebar-categories {
+                padding: var(--spacing-s-4) var(--spacing-m);
+                font-family: var(--font-family-prose);
+                font-size: var(--font-size-m);
+                line-height: var(--font-size-m-line-height);
+                box-shadow: var(--box-shadow-not-t-light);
+                border-radius: var(--border-radius-s);
+            }
+
             & ul {
                 list-style: none;
                 display: flex;

resources/views/partials/nav_contents.antlers.html

@@ -95,4 +95,9 @@
         {{ /if }} #}}
     {{ /nav }}
     {{ /if }}
-</ul>
+    {{ nav:collection:sections include_home="true" }}
+        <li class="c-nav-sidebar-categories u-hide-on-medium-screens u-hide-on-large-screens">
+            <a wire:navigate href="{{ url }}" {{ page:section === section ?= 'class="o-current-menu-item"' }}>{{ nav_title ?? title }}</a>
+        </li>
+    {{ /nav:collection:sections }}
+</ul>