feat(SW-1446): add Jump to functionality to Destination Overview Page

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

@@ -1,4 +1,4 @@
-import { cva } from "class-variance-authority"
+import { cva, cx } from "class-variance-authority"
 
 import styles from "./skeleton.module.css"
 
@@ -15,11 +15,13 @@ const variants = cva(styles.shimmer, {
 })
 
 export default function SkeletonShimmer({
+  className,
   height,
   width,
   contrast = "light",
   display = "initial",
 }: {
+  className?: string
   height?: string
   width?: string
   contrast?: "light" | "dark"
@@ -27,13 +29,16 @@ export default function SkeletonShimmer({
 }) {
   return (
     <span
-      className={variants({ contrast })}
+      className={cx(className, variants({ contrast }))}
       style={{
         height: height,
         width: width,
         maxWidth: "100%",
         display: display,
       }}
-    />
+    >
+      {/* zero width space, allows for font styles to affect height */}
+      <span aria-hidden="true">&#8203;</span>
+    </span>
   )
 }