add: Enter key navigation for quick search

Press Enter in the quick search input to navigate directly to the
first search result.

Author: aulterego

resources/views/partials/quick-search-dropdown.blade.php

@@ -9,6 +9,7 @@ class="quick-search__input"
             x-ref="quickSearch"
             x-on:keydown.down.prevent="focusFirstResult"
             x-on:keydown.up.prevent="focusLastResult"
+            x-on:keydown.enter="navigateToFirstResult"
             x-on:focus="searchPerformed = true"
         />
         <template x-if="searchResults === null">
@@ -90,6 +91,11 @@ class="quick-search__result-type"
                     this.searchResults = [];
                     this.searchPerformed = false;
                 },
+                navigateToFirstResult() {
+                    if (Array.isArray(this.searchResults) && this.searchResults.length > 0) {
+                        window.location.href = this.searchResults[0].url;
+                    }
+                },
                 focusFirstResult() {
                     document.querySelector('[x-ref="searchResults"]').querySelector('a').focus();
                 },