Merged in feature/autocomplete-search (pull request #1725)

Feature/autocomplete search

* wip autocomplete search

* add skeletons to loading

* Using aumlauts/accents when searching will still give results
remove unused reducer
sort autocomplete results

* remove testcode

* Add tests for autocomplete

* cleanup tests

* use node@20

* use node 22

* use node22

* merge
fix: search button outside of viewport

* merge

* remove more unused code

* fix: error message when empty search field in booking widget

* fix: don't display empty white box when search field is empty and no searchHistory is present

* merge

* fix: set height of shimmer for search skeleton

* rename autocomplete trpc -> destinationsAutocomplete

* more accute cache key naming

* fix: able to control wether bookingwidget is visible on startPage
fix: sticky booking widget under alert

* remove unused code

* fix: skeletons
fix: error overlay on search startpage

* remove extra .nvmrc

* merge


Approved-by: Linus Flood

apps/scandic-web/components/SkeletonShimmer/index.tsx

@@ -8,9 +8,14 @@ const variants = cva(styles.shimmer, {
       light: styles.light,
       dark: styles.dark,
     },
+    display: {
+      block: styles.block,
+      "inline-block": styles.inlineBlock,
+    },
   },
   defaultVariants: {
     contrast: "light",
+    display: "inline-block",
   },
 })
 
@@ -19,22 +24,21 @@ export default function SkeletonShimmer({
   height,
   width,
   contrast = "light",
-  display = "initial",
+  display = "inline-block",
 }: {
   className?: string
   height?: string
   width?: string
   contrast?: "light" | "dark"
-  display?: "block" | "inline-block" | "initial"
+  display?: "block" | "inline-block"
 }) {
   return (
     <span
-      className={cx(className, variants({ contrast }))}
+      className={cx(className, variants({ contrast, display }))}
       style={{
         height: height,
         width: width,
         maxWidth: "100%",
-        display: display,
       }}
     >
       {/* zero width space, allows for font styles to affect height */}