Merged in fix/SW-1041-design-feedback-select-hotel (pull request #986)

fix(SW-1041): fix UI design feedback

* fix(SW-1041): fix UI design feedback

* fix(SW-1041): small fix

* fix(SW-1041): add filter and sort badge

* fix(SW-1041): update activefilter when entering map view

* fix(SW-1041): create hook with activefilters

* fix(SW-1041): hook only sets filter

* fix(SW-1041): fix padding breadcrumbs

* fix(SW-1041): rename hook

* fix(SW-1041): fix double scroll


Approved-by: Pontus Dreij
Approved-by: Niclas Edenvin

hooks/useInitializeFiltersFromUrl.ts

@@ -0,0 +1,18 @@
+import { useSearchParams } from "next/navigation"
+import { useEffect } from "react"
+
+import { useHotelFilterStore } from "@/stores/hotel-filters"
+
+export default function useInitializeFiltersFromUrl() {
+  const searchParams = useSearchParams()
+  const setFilters = useHotelFilterStore((state) => state.setFilters)
+
+  useEffect(() => {
+    const filtersFromUrl = searchParams.get("filters")
+    if (filtersFromUrl) {
+      setFilters(filtersFromUrl.split(","))
+    } else {
+      setFilters([])
+    }
+  }, [searchParams, setFilters])
+}