Move search result breadcrumbs into heading

Previously the breadcrumbs were underneath the heading in a `div` - this
integrates them into the heading and link, bringing the context of each result
more to the fore, and reducing the number of lines each result takes up

src/_sass/_search.scss

@@ -39,13 +39,9 @@
     list-style-type: none;
     margin-bottom: 2rem;
 
-    &-title {
+    &-heading {
       margin: 0 0 1rem;
     }
-
-    &-breadcrumbs {
-      margin-bottom: 1rem;
-    }
 
     &-excerpt {
       margin: 0;

src/assets/js/search.js

@@ -81,15 +81,15 @@
 
       breadcrumbs.pop()
 
-      const breadcrumbsString = breadcrumbs.join(' > ')
+      const breadcrumbsString = breadcrumbs.length ? breadcrumbs.join(' > ') + ' > ' : ''
+      const heading = breadcrumbsString + item.title
       const excerpt = getExcerpt(item.content, searchQuery)
 
       innerHtml +=
         '<li class="search-results__result">' +
           `<a href="${item.url}">` +
-            `<h2 class="search-results__result-title">${item.title}</h2>` +
+            `<h2 class="search-results__result-heading">${heading}</h2>` +
           '</a>' +
-          (breadcrumbs.length ? `<div class="search-results__result-breadcrumbs">${breadcrumbsString}</div>` : '') +
           `<p class="search-results__result-excerpt">${excerpt}</p>` +
         '</li>'
     })