fix: refactor breadcrumbs to take page type variants to better match margins

components/HotelReservation/SelectHotel/SelectHotelSkeleton.tsx

@@ -12,15 +12,18 @@ export function SelectHotelSkeleton({ count = 4 }: Props) {
   return (
     <div className={styles.skeletonContainer}>
       <header className={styles.header}>
-        <div className={styles.breadcrumbs}>
-          <SkeletonShimmer height={"25px"} width={"300px"} />
-        </div>
-        <div className={styles.title}>
-          <div className={styles.cityInformation}>
-            <SkeletonShimmer height={"25px"} width={"200px"} />
+        <div className={styles.headerContent}>
+          <div className={styles.breadcrumbs}>
+            <SkeletonShimmer height={"25px"} width={"300px"} />
           </div>
-          <div className={styles.sorter}>
-            <SkeletonShimmer height={"60px"} width={"100%"} />
+
+          <div className={styles.title}>
+            <div className={styles.cityInformation}>
+              <SkeletonShimmer height={"25px"} width={"200px"} />
+            </div>
+            <div className={styles.sorter}>
+              <SkeletonShimmer height={"60px"} width={"100%"} />
+            </div>
           </div>
         </div>
       </header>