fixes

client/src/components/ApartmentSidebar.tsx

@@ -109,6 +109,7 @@ const ApartmentSidebar = ({ currentApartment }: ApartmentSidebarProps) => {
               className="w-full flex justify-center"
             />
             <Button
+              disabled
               text="Send Enquiry"
               buttonType="cta"
               className="w-full flex justify-center"

client/src/components/apartmentPage/ApartmentLayout.tsx

@@ -37,7 +37,7 @@ const ApartmentLayout = ({ currentApartment }: ApartmentLayoutProps) => {
       <img
         src="/images/compass.png"
         alt=""
-        className="absolute right-10 bottom-10 zoom-280"
+        className="absolute right-[112px] bottom-[112px]"
       />
       <SwitchToggle
         isDisabled

client/src/components/complexWingPage/FloorSidebar/FloorSidebar.tsx

@@ -177,21 +177,23 @@ const FloorSidebar = ({
         <div className="px-10 bg-white flex gap-6 font-semibold text-caption-m rounded-2xl justify-center items-center flex-1 py-4">
           {currentFloor?.wing === "West Wing" ? (
             currentFloor && currentFloor.floor <= 21 ? (
-              <svg
-                className="rotate-[135deg]"
-                xmlns="http://www.w3.org/2000/svg"
-                width="400"
-                height="700"
-                fill="none"
-                viewBox="0 0 204 600"
-              >
-                <WestWingLayout />
-                <WestWingHighlighting
-                  handleOnApartmentClick={handleOnApartmentClick}
-                  handleOnMouseOut={handleOnMouseOut}
-                  handleOnMouseOver={handleOnMouseOver}
-                />
-              </svg>
+              <>
+                <svg
+                  className="rotate-[135deg]"
+                  xmlns="http://www.w3.org/2000/svg"
+                  width="400"
+                  height="700"
+                  fill="none"
+                  viewBox="0 0 204 600"
+                >
+                  <WestWingLayout />
+                  <WestWingHighlighting
+                    handleOnApartmentClick={handleOnApartmentClick}
+                    handleOnMouseOut={handleOnMouseOut}
+                    handleOnMouseOver={handleOnMouseOver}
+                  />
+                </svg>
+              </>
             ) : (
               <svg
                 className="rotate-[135deg]"

client/src/components/favoritesPage/FavoriteApartmentCard.tsx

@@ -115,6 +115,7 @@ const FavoriteAppartmentCard = ({ card }: FavoriteAppartmentCardProps) => {
             </p>
           </div>
           <Button
+            disabled
             icon={<BookingIcon />}
             text="Send Enquiry"
             className="justify-center hidden lg:flex"
@@ -122,6 +123,7 @@ const FavoriteAppartmentCard = ({ card }: FavoriteAppartmentCardProps) => {
             onClick={handleOnSendEquiryClick}
           />
           <Button
+            disabled
             icon={<BookingIcon />}
             text="Send Enquiry"
             className="justify-center lg:hidden flex"

client/src/components/favoritesPage/FavoriteSliderCard.tsx

@@ -1,4 +1,5 @@
 // import { formatNumber } from "../../calc/formatNumber";
+import { useNavigate } from "react-router-dom";
 import { apartmentLayoutImages } from "../../consts/apartmentLayoutsImages";
 import { apartmentRoutes } from "../../consts/apartmentsRoutes";
 import { unitTypeWithLayouts } from "../../consts/defaultApartmentTypes";
@@ -16,6 +17,7 @@ interface FavoriteSliderCardProps {
 const FavoriteSliderCard = ({ card, elementRef }: FavoriteSliderCardProps) => {
   const wing = card.Unit_No.split("-")[0] === "E" ? "East" : "West";
   const { setFavorites } = useFavorites();
+  const navigate = useNavigate();
   const isLayoutType = unitTypeWithLayouts.some(
     (type) => type === card.Unit_Type
   );
@@ -23,6 +25,10 @@ const FavoriteSliderCard = ({ card, elementRef }: FavoriteSliderCardProps) => {
     ? apartmentLayoutImages[card.Unit_Type]
     : apartmentRoutes.find((apr) => apr.type === card.Unit_Type)?.layout;
 
+  const handleOnFavoriteCardClick = () => {
+    navigate(`../search/${card.id}`);
+  };
+
   const handleOnAddFavoriteClick = (
     e: React.MouseEvent<HTMLButtonElement, MouseEvent>
   ) => {
@@ -52,6 +58,7 @@ const FavoriteSliderCard = ({ card, elementRef }: FavoriteSliderCardProps) => {
       <div
         className="flex flex-col gap-4 bg-white p-4 rounded-2xl"
         ref={elementRef}
+        onClick={handleOnFavoriteCardClick}
       >
         <div className="flex justify-between">
           <div className="flex text-subheadline-s font-semibold text-[#0D1922] select-none">
@@ -100,6 +107,7 @@ const FavoriteSliderCard = ({ card, elementRef }: FavoriteSliderCardProps) => {
         <p className="text-[#0D1922] text-m">{card.Unit_No}</p>
       </div>
       <Button
+        disabled
         icon={<BookingIcon />}
         text="Send Enquiry"
         className="flex justify-center"

client/src/components/modals/AboutComplexModal.tsx

@@ -198,6 +198,7 @@ const AboutComplexModal = ({
                     disabled={!isVirtualTourAvailialbe}
                   />
                   <Button
+                    disabled
                     text="Send Enquiry"
                     buttonType="cta"
                     className="w-full flex justify-center"

client/src/components/modals/mobile/WingFloorModal.tsx

@@ -293,7 +293,7 @@ const WingFloorModal = ({
                   className="rotate-[135deg] zoom-280"
                   xmlns="http://www.w3.org/2000/svg"
                   width="400"
-                  height="500"
+                  height="700"
                   fill="none"
                   viewBox="0 0 204 600"
                 >

client/src/components/searchPage/SortButton.tsx

@@ -34,7 +34,7 @@ const SortButton = ({ sortList, onClick }: SortButtonProps) => {
         </div>
       </button>
       <div
-        className={`absolute z-20 flex flex-col bg-white p-2 text-[#0D1922] rounded-lg w-full shadow-lg transition-opacity duration-300 ease-in-out ${
+        className={`zoom-280 absolute z-20 flex flex-col bg-white p-[8px] text-[#0D1922] rounded-[8px] w-full shadow-lg transition-opacity duration-300 ease-in-out ${
           isSelected ? "opacity-100" : "opacity-0 pointer-events-none hidden"
         }`}
       >
@@ -42,7 +42,7 @@ const SortButton = ({ sortList, onClick }: SortButtonProps) => {
           <button
             onClick={() => onClick(sort.id)}
             key={sort.id}
-            className="hover:bg-[#F3F3F2] py-2 pl-3 rounded-lg transition-all duration-300 ease-in-out text-left flex items-center gap-2"
+            className="hover:bg-[#F3F3F2] py-[8px] pl-[12px] rounded-[8px] transition-all duration-300 ease-in-out text-left flex items-center gap-[8px]"
           >
             {sort.isSelected && (
               <div className="text-[#00BED7]">

client/src/components/virtualTour/VirtualTourSidebar.tsx

@@ -187,6 +187,7 @@ const VirtualTourSidebar = ({
               </h2>
               <div className="flex gap-2 pt-4 ">
                 <Button
+                  disabled
                   icon={<BookingIcon />}
                   text="Send Enquiry"
                   buttonType="cta"