fix footer / header dialog

docs/_includes/sidebar.njk

@@ -258,7 +258,8 @@
       <li><a href="/docs/patterns/ecommerce-category-preview">Category Previews</a></li>
       <li><a href="/docs/patterns/ecommerce-shopping-cart">Shopping Carts</a></li>
        <li><a href="/docs/patterns/ecommerce-category-filter">Category Filters</a></li>
-      <li><a href="/docs/patterns/ecommerce-product-detail">Product Detail</a></li>mary">Order Summaries</a></li>
+      <li><a href="/docs/patterns/ecommerce-product-detail">Product Detail</a></li>
+      <li><a href="/docs/patterns/ecommerce-order-summary">Order Summaries</a></li>
       <li><a href="/docs/patterns/ecommerce-order-history">Order History</a></li>
     </ul>
   </li>

docs/docs/patterns/portfilio.md

@@ -1,9 +0,0 @@
----
-title: Business
-description: TODO
-layout: pattern.njk
----
-
-TODO Page Description
-
-## Examples

src/components/page/page.ts

@@ -298,6 +298,8 @@ export default class WaPage extends WebAwesomeElement {
           footer:drawer__footer
         "
         class="navigation-drawer"
+        with-header
+        with-footer
       >
         <slot slot="label" part="navigation-header" name="mobile-navigation-header">
           <slot name=${this.view === 'mobile' ? 'navigation-header' : '___'}></slot>