chore(search): fix htmx loading state

Author: mbaraa

views/components/search/search.templ

@@ -9,6 +9,9 @@ templ Search() {
 			hx-swap="innerHTML"
 			hx-target="#main-contents"
 			hx-trigger="submit"
+			data-loading-target="#loading"
+			data-loading-class-remove="hidden"
+			data-loading-path="/search?no_reload=true"
 		>
 			<div class={ "flex", "bg-white", "rounded-[8px]", "border", "border-b-[3px]", "border-black" }>
 				<input
@@ -30,6 +33,9 @@ templ Search() {
 					hx-swap="innerHTML"
 					hx-target="#main-contents"
 					hx-trigger="submit"
+					data-loading-target="#loading"
+					data-loading-class-remove="hidden"
+					data-loading-path="/search?no_reload=true"
 					id="search-icon"
 				>
 					<img

views/components/search/search_suggestions.templ

@@ -16,6 +16,9 @@ templ SearchSuggestions(suggestions []string, originalQuery string) {
 					hx-swap="innerHTML"
 					hx-target="#main-contents"
 					hx-trigger="click,submit"
+					data-loading-target="#loading"
+					data-loading-class-remove="hidden"
+					data-loading-path={ fmt.Sprintf("/search?no_reload=true&query=%s", suggestion) }
 					class={ "w-full", "p-[10px]" }
 					id={ fmt.Sprintf("search-suggestion-%d", i) }
 					onClick={ searchNoRealod(suggestion) }