added DraggableGallery

src/components/CalculatorComponent/CalculatorComponent.js

@@ -1,15 +1,17 @@
+
+import './CalculatorComponent.css'
 import { useEffect } from "react";
 import { calcSlice } from "../../store/reducers/calcSlice";
 import { useSelector, useDispatch } from "react-redux";
 
 import { InputSelect } from "./components/InputSelect/InputSelect";
-import { InputNumber } from "../InputNumber/InputNumber";
+import { InputNumber } from "./components/InputNumber/InputNumber";
 import { AveragePriceApartment } from "./components/AveragePriceApartment/AveragePriceApartment";
 import { AverageSquareApartment } from "./components/AverageSquareApartment/AverageSquareApartment";
 import { ConsultationOffice } from "./components/ConsultationOffice/ConsultationOffice";
 import { ConsultationReserv } from "./components/ConsultationReserv/ConsultationReserv";
 import { Sales } from "./components/Sales/Sales";
-import { ResultBlock } from "../ResultBlock/ResultBlock";
+import { ResultBlock } from "./components/ResultBlock/ResultBlock";
 
 const INITIAL_REGION = "e5b7edfb-17ec-475f-8631-bc796ad19909";
 
@@ -30,7 +32,7 @@ export const CalculatorComponent = ({ }) => {
     };
 
     return (
-        <>
+        <div className="calculator-layout">
             <div className="input-container-main">
                 <InputSelect
                     option={filteredList}
@@ -48,6 +50,6 @@ export const CalculatorComponent = ({ }) => {
                 <ResultBlock></ResultBlock>
             </div>
 
-        </>
+        </div>
     );
 };