feat(analytics): Track search events (#241)

* Implement new search UI

* Move "no results" into its own component

* re-lock dependencies

* Refactor: Move search logic into reusable hooks

* Refactor: clean up, combine useSearchIndex

* Refactor: Separate QueryInput, add ability to clear results

* Cleanup

* Tweak UI

* Cleanup: Remove unused types

* feat(analytics): Track search events

* Move searchParams out; lower debounce ms

* UI: Make "Clear" button smaller

* Remove OpenSearchModalButton from mobile nav

* Revert "Remove OpenSearchModalButton from mobile nav"

This reverts commit 035fc9a.

* cleanup

* Refactor to a generic response transformation method

* Remove redundant `Array.from`

* Remove baseUri from slug

* fix: close modal on result click

src/hooks/useDebouncedSearch.ts

@@ -1,7 +1,10 @@
 import { Search } from "@/types";
+import { trackGoal } from "fathom-client";
 import { MeiliSearch, SearchParams, SearchResponse } from "meilisearch";
 import { useCallback, useEffect, useMemo, useState } from "react";
 
+const FATHOM_SEARCH_PERFORMED_EVT_ID = "IMSTAYP4";
+
 type Transformer<Source, Result extends any> = (
   src: SearchResponse<Source>,
 ) => Result;
@@ -102,6 +105,7 @@ export const useDebouncedSearch = <
     }
     try {
       const response = await index.search<Response>(query, params);
+      trackGoal(FATHOM_SEARCH_PERFORMED_EVT_ID, 0);
       setResults(transformResponse(response));
     } catch (e) {
       console.error(`Search for query "${query}" failed (${e})`);