Kata ページ冒頭の heading を分かりやすく変更（かつ検索結果フレンドリーに）

Author: yasulab

app/views/docs/kata.html.erb

@@ -14,8 +14,10 @@
     <div class='row'>
       <div class='col-lg-8 col-lg-offset-2 col-md-10 col-md-offset-1'>
         <div class='kata-heading'>
-          <h1 id='top'>CoderDojo Kata</h1>
-          <h2 class='kata-subheading'>道場情報まとめ</h2>
+          <h1 id='top'>📚 Kata - 道場情報まとめ</h1>
+          <h2 class='kata-subheading'>
+	    ──
+	    CoderDojo をもっと知る</h2>
         </div>
       </div>
     </div>

app/views/layouts/application.html.haml

@@ -67,8 +67,10 @@
     / Navbar controller: https://polyfill.io/v3/
     %script{src: '/js/polyfill.min.js',  async: ''}
 
-    / DocSearch: https://docsearch.algolia.com/
+    / DocSearch (v2): https://docsearch.algolia.com/
     %link{href: "https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css", rel: "stylesheet"}
+    / DocSearch (v3): https://docsearch.algolia.com/docs/DocSearch-v3
+    /%link{href: 'https://cdn.jsdelivr.net/npm/@docsearch/css@3', rel: 'stylesheet'}
 
   %body
     = render 'shared/header'
@@ -80,8 +82,11 @@
     / at the end of the BODY
     :javascript
       twemoji.parse(document.body);
-
+    
+    / DocSearch (v2): https://docsearch.algolia.com/
     %script{src: "https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js", type: "text/javascript"}
+    / DocSearch (v3): https://docsearch.algolia.com/docs/DocSearch-v3
+    /%script{src: 'https://cdn.jsdelivr.net/npm/@docsearch/js@3'}
 
     :javascript
       docsearch({