Add texts to i18n

app/[lang]/(live)/(public)/hotelreservation/layout.tsx

@@ -1,5 +1,3 @@
-import Title from "@/components/TempDesignSystem/Text/Title"
-
 import styles from "./layout.module.css"
 
 import { LangParams, LayoutArgs } from "@/types/params"

app/[lang]/(live)/(public)/hotelreservation/select-rate/page.tsx

@@ -1,6 +1,7 @@
 import RoomCard from "@/components/HotelReservation/SelectRate/RoomCard"
 import { Room } from "@/components/HotelReservation/SelectRate/RoomCard/roomCard"
 import Header from "@/components/Section/Header"
+import { getIntl } from "@/i18n"
 
 import styles from "./page.module.css"
 
@@ -78,6 +79,7 @@ const getRooms: () => Promise<Room[]> = () => {
 }
 
 export default async function SelectRate() {
+  const { formatMessage } = await getIntl()
   const rooms = await getRooms()
 
   return (
@@ -86,11 +88,15 @@ export default async function SelectRate() {
         <div className={styles.hotelInfo}>Hotel info TBI</div>
         <div className={styles.header}>
           <Header
-            title="Choose room"
-            subtitle={"Which room class suits you the best?"}
+            title={formatMessage({ id: "Choose room" })}
+            subtitle={formatMessage({
+              id: "Which room class suits you the best?",
+            })}
             link={{
               href: "#",
-              text: "All rooms comes with standard amenities",
+              text: formatMessage({
+                id: "All rooms comes with standard amenities",
+              }),
             }}
           />
         </div>