fix: skeletons wasn't center aligned

components/HotelReservation/SelectRate/Rooms/RoomsContainerSkeleton.module.css

@@ -1,5 +1,7 @@
 .container {
   padding: var(--Spacing-x2);
+  margin: 0 auto;
+  max-width: var(--max-width);
 }
 
 .filterContainer {
@@ -8,6 +10,7 @@
 
 .skeletonContainer {
   display: grid;
+
   grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
   /* used to hide overflowing rows */
   grid-template-rows: auto;

components/HotelReservation/SelectRate/Rooms/RoomsContainerSkeleton.tsx

@@ -1,6 +1,3 @@
-import Body from "@/components/TempDesignSystem/Text/Body"
-import { getIntl } from "@/i18n"
-
 import { RoomCardSkeleton } from "../RoomSelection/RoomCard/RoomCardSkeleton"
 
 import styles from "./RoomsContainerSkeleton.module.css"
@@ -10,7 +7,6 @@ type Props = {
 }
 
 export async function RoomsContainerSkeleton({ count = 4 }: Props) {
-  const intl = await getIntl()
   return (
     <div className={styles.container}>
       <div className={styles.filterContainer}></div>