feat: add mobile design to accordions

components/HotelReservation/EnterDetails/Summary/BottomSheet/index.tsx

@@ -8,7 +8,6 @@ import { useEnterDetailsStore } from "@/stores/enter-details"
 import Button from "@/components/TempDesignSystem/Button"
 import Caption from "@/components/TempDesignSystem/Text/Caption"
 import Subtitle from "@/components/TempDesignSystem/Text/Subtitle"
-import { formatNumber } from "@/utils/format"
 
 import styles from "./bottomSheet.module.css"
 
@@ -30,14 +29,14 @@ export function SummaryBottomSheet({ children }: PropsWithChildren) {
         <button
           data-open={isSummaryOpen}
           onClick={toggleSummaryOpen}
-          className={styles.priceDetails}
+          className={styles.priceDetailsButton}
         >
           <Caption>{intl.formatMessage({ id: "Total price" })}:</Caption>
           <Subtitle>
             {intl.formatMessage(
               { id: "{amount} {currency}" },
               {
-                amount: formatNumber(totalPrice.local.price),
+                amount: intl.formatNumber(totalPrice.local.price),
                 currency: totalPrice.local.currency,
               }
             )}