fixes

client/src/pages/AboutComplex.tsx

@@ -285,7 +285,7 @@ const AboutComplex = () => {
                 </div>
                 <div>
                   <p className="text-s text-[#0D1922]">341 Sqft</p>
-                  <p className="font-bold text-m text-[#00BED7]">Unvailiable</p>
+                  <p className="font-bold text-m text-[#00BED7]">Unavailable</p>
                 </div>
               </div>
               <img
@@ -309,7 +309,7 @@ const AboutComplex = () => {
                 </div>
                 <div>
                   <p className="text-s text-[#0D1922]">390 Sqft</p>
-                  <p className="font-bold text-m text-[#00BED7]">Unvailiable</p>
+                  <p className="font-bold text-m text-[#00BED7]">Unavailable</p>
                   {/* AED 1,138,888 */}
                 </div>
               </div>
@@ -337,7 +337,7 @@ const AboutComplex = () => {
                 </div>
                 <div>
                   <p className="text-s text-[#0D1922]">609 Sqft</p>
-                  <p className="font-bold text-m text-[#00BED7]">Unvailiable</p>
+                  <p className="font-bold text-m text-[#00BED7]">Unavailable</p>
                 </div>
               </div>
               <img
@@ -364,7 +364,7 @@ const AboutComplex = () => {
                 </div>
                 <div>
                   <p className="text-s text-[#0D1922]">891 Sqft</p>
-                  <p className="font-bold text-m text-[#00BED7]">Unvailiable</p>
+                  <p className="font-bold text-m text-[#00BED7]">Unavailable</p>
                   {/* AED 2,408,888 */}
                 </div>
               </div>

client/src/pages/Search.tsx

@@ -6,7 +6,6 @@ const Search = () => {
   return (
     <div className="overflow-scroll h-screen w-screen pt-14 select-none">
       <div className="flex">
-        {/* <SidebarFilters /> */}
         <LayoutOptions />
       </div>
       <Footer />

client/src/pages/VirtualTour.tsx

@@ -12,6 +12,7 @@ import { updateAccessToken } from "../api/updateAccessToken";
 import { IAparmentRes } from "../types/apartmentsRes";
 import useModal from "../store/useModal";
 import LoaderModal from "../components/modals/LoaderModal";
+import { useProgress } from "@react-three/drei";
 
 const appartments = _appartment as IAppartmentComplex[];
 const defaultApartment = appartments[0];
@@ -26,6 +27,7 @@ const VirtualTour = () => {
   const navigate = useNavigate();
   const { appartmentTypeId } = useParams();
   const { setModal } = useModal();
+  const { progress } = useProgress();
 
   useEffect(() => {
     setIsLoading(true);
@@ -100,11 +102,16 @@ const VirtualTour = () => {
         appartmentSphere={currentAppartmentSphere}
         apartment={currentApartment}
       />
-      <Canvas camera={{ fov: 90 }}>
+      <Canvas
+        camera={{ fov: 90 }}
+        style={{ width: "1733px", height: "2560px", zoom: 1.5 }}
+        // style={{ width: "2160px", height: "3840px" }}
+      >
         {currentAppartmentSphere && (
           <VirtualTourWrapper appartment={currentAppartmentSphere} />
         )}
       </Canvas>
+      {progress !== 100 && <LoaderModal />}
       <ButtomPanelCompassVirtualTour />
     </div>
   );