fix: add autofocus in search bar and update search result title style (#603)

src/pages/search.astro

@@ -45,8 +45,9 @@ const backUrl = SITE.showBackButton ? `${Astro.url.pathname}` : "/";
       // Init pagefind ui
       const search = new PagefindUI({
         element: "#pagefind-search",
-        showSubResults: true,
+        autofocus: true,
         showImages: false,
+        showSubResults: true,
         processTerm: function (term: string) {
           params.set("q", term); // Update the `q` parameter in the URL
           history.replaceState(history.state, "", "?" + params.toString()); // Push the new URL without reloading
@@ -119,6 +120,8 @@ const backUrl = SITE.showBackButton ? `${Astro.url.pathname}` : "/";
       color: var(--accent);
       outline-offset: 1px;
       outline-color: var(--accent);
+      text-decoration-style: dashed;
+      text-underline-offset: 4px;
     }
 
     .pagefind-ui__result-title a:focus-visible,