feat(SW-184): added some translations

components/Header/TopMenu/Search/index.tsx

@@ -1,12 +1,18 @@
+"use client"
+
+import { useIntl } from "react-intl"
+
 import { SearchIcon } from "@/components/Icons"
 
 import Button from "../Button"
 
 export default function Search() {
+  const intl = useIntl()
+
   return (
     <Button>
       <SearchIcon width={20} height={20} color="burgundy" />
-      <span>Find Booking</span>
+      {intl.formatMessage({ id: "Find booking" })}
     </Button>
   )
 }

components/Header/TopMenu/index.tsx

@@ -2,6 +2,7 @@ import { serverClient } from "@/lib/trpc/server"
 
 import { GiftIcon } from "@/components/Icons"
 import Link from "@/components/TempDesignSystem/Link"
+import { getIntl } from "@/i18n"
 
 import LanguageSwitcher from "./LanguageSwitcher"
 import Search from "./Search"
@@ -9,6 +10,7 @@ import Search from "./Search"
 import styles from "./topMenu.module.css"
 
 export default async function TopMenu() {
+  const intl = await getIntl()
   const languages = await serverClient().contentstack.languageSwitcher.get()
 
   if (!languages) {
@@ -20,7 +22,7 @@ export default async function TopMenu() {
       <div className={styles.content}>
         <Link variant="icon" color="burgundy" href="#" size="small">
           <GiftIcon width={20} height={20} color="burgundy" />
-          Join Scandic Friends
+          {intl.formatMessage({ id: "Join Scandic Friends" })}
         </Link>
         <div className={styles.right}>
           <LanguageSwitcher urls={languages.urls} />