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

components/HotelReservation/SelectHotel/index.tsx

@@ -133,17 +133,19 @@ export default async function SelectHotel({
   return (
     <>
       <header className={styles.header}>
-        <Breadcrumbs breadcrumbs={breadcrumbs} />
-        <div className={styles.title}>
-          <div className={styles.cityInformation}>
-            <Subtitle>{city.name}</Subtitle>
-            <HotelCount />
-          </div>
-          <div className={styles.sorter}>
-            <HotelSorter discreet />
+        <div className={styles.headerContent}>
+          <Breadcrumbs breadcrumbs={breadcrumbs} />
+          <div className={styles.title}>
+            <div className={styles.cityInformation}>
+              <Subtitle>{city.name}</Subtitle>
+              <HotelCount />
+            </div>
+            <div className={styles.sorter}>
+              <HotelSorter discreet />
+            </div>
           </div>
+          <MobileMapButtonContainer filters={filterList} />
         </div>
-        <MobileMapButtonContainer filters={filterList} />
       </header>
       <main className={styles.main}>
         <div className={styles.sideBar}>