Improve hugo menu handling, add active class to current menu entity, name now takes over page title

exampleSite/content.en/posts/_index.md

@@ -1,7 +1,6 @@
 ---
 menu:
   after:
-    name: blog
     weight: 5
 title: Blog
 ---

exampleSite/content.en/showcases.md

@@ -0,0 +1,10 @@
+---
+title: Showcases
+layout: landing
+---
+
+<div class="book-hero text-center">
+
+# At the moment this page is empty
+
+<div>

exampleSite/hugo.toml

@@ -42,24 +42,23 @@ enableGitInfo = true
 [menu]
 [[menu.home]]
   name = "Documentation"
-  url = "/docs/example/"
+  pageRef = "/docs/example/"
   weight = 1
 
 [[menu.home]]
-  name = "Introduction"
-  url = "/docs/example/"
+  pageRef = "/docs/example/"
   weight = 10
   parent = "Documentation"
 
 [[menu.home]]
   name = "Shortcodes"
-  url = "/docs/shortcodes/badges/"
+  pageRef = "/docs/shortcodes/badges/"
   weight = 20
   parent = "Documentation"
 
 [[menu.home]]
   name = "Showcases"
-  url = "/showcases/"
+  pageRef = "/showcases/"
   weight = 2
 
 [[menu.home]]

exampleSite/hugo.yaml

@@ -40,18 +40,17 @@ languages:
 menu:
   home:
     - name: "Documentation"
-      url: "/docs/example/"
+      pageRef: "/docs/example/"
       weight: 1
-    - name: "Introduction"
-      url: "/docs/example/"
+    - pageRef: "/docs/example/"
       weight: 10
       parent: "Documentation"
     - name: "Shortcodes"
-      url: "/docs/shortcodes/badges/"
+      pageRef: "/docs/shortcodes/badges/"
       weight: 20
       parent: "Documentation"
     - name: "Showcases"
-      url: "/showcases/"
+      pageRef: "/showcases/"
       weight: 2
     - name: "Github"
       url: "https://github.com/alex-shpak/hugo-book/"