feat(SW-441): add intersection observer

components/ContentType/HotelPage/TabNavigation/index.tsx

@@ -1,4 +1,5 @@
 "use client"
+import { useRouter } from "next/navigation"
 import { useIntl } from "react-intl"
 
 import Link from "@/components/TempDesignSystem/Link"
@@ -14,6 +15,8 @@ import {
 export default function TabNavigation({ restaurantTitle }: TabNavigationProps) {
   const hash = useHash()
   const intl = useIntl()
+  const router = useRouter()
+  // const [isObserverActive, setIsObserverActive] = useState<boolean>(true)
 
   const hotelTabLinks: { href: HotelHashValues | string; text: string }[] = [
     {

components/ContentType/HotelPage/index.tsx

@@ -63,7 +63,7 @@ export default async function HotelPage() {
         restaurantTitle={getRestaurantHeading(hotelDetailedFacilities)}
       />
       <main className={styles.mainSection}>
-        <div className={styles.introContainer}>
+        <div id="overview" className={styles.introContainer}>
           <IntroSection
             hotelName={hotelName}
             hotelDescription={hotelDescription}