fix(i18n): prepare for Lokalise

components/Forms/BookingWidget/FormContent/Voucher/index.tsx

@@ -19,10 +19,10 @@ export default function Voucher() {
   const bonus = intl.formatMessage({ id: "Use bonus cheque" })
   const reward = intl.formatMessage({ id: "Book reward night" })
   const disabledBookingOptionsHeader = intl.formatMessage({
-    id: "Disabled booking options header",
+    id: "We're sorry",
   })
   const disabledBookingOptionsText = intl.formatMessage({
-    id: "Disabled booking options text",
+    id: "Codes, cheques and reward nights aren't available on the new website yet.",
   })
 
   return (

components/Forms/BookingWidget/FormContent/index.tsx

@@ -41,7 +41,9 @@ export default function FormContent({
             <Caption color="red" type="bold">
               {nights > 0
                 ? intl.formatMessage(
-                    { id: "booking.nights" },
+                    {
+                      id: "{totalNights, plural, one {# night} other {# nights}}",
+                    },
                     { totalNights: nights }
                   )
                 : intl.formatMessage({
@@ -102,7 +104,10 @@ export function BookingWidgetFormContentSkeleton() {
         </div>
         <div className={styles.when}>
           <Caption color="red" type="bold">
-            {intl.formatMessage({ id: "booking.nights" }, { totalNights: 0 })}
+            {intl.formatMessage(
+              { id: "{totalNights, plural, one {# night} other {# nights}}" },
+              { totalNights: 0 }
+            )}
           </Caption>
           <SkeletonShimmer width={"100%"} />
         </div>