fix: unite all price details modals to one and align on ui

apps/scandic-web/components/HotelReservation/BookingConfirmation/Receipt/TotalPrice/index.tsx

@@ -9,7 +9,7 @@ import { useBookingConfirmationStore } from "@/stores/booking-confirmation"
 import SkeletonShimmer from "@/components/SkeletonShimmer"
 import Divider from "@/components/TempDesignSystem/Divider"
 
-import PriceDetailsModal from "../../PriceDetailsModal"
+import PriceDetails from "../../PriceDetails"
 
 import styles from "./totalPrice.module.css"
 
@@ -45,7 +45,7 @@ export default function TotalPrice() {
           )}
         </div>
         {hasAllRoomsLoaded ? (
-          <PriceDetailsModal />
+          <PriceDetails />
         ) : (
           <div className={styles.priceDetailsLoader}>
             <SkeletonShimmer width={"100%"} />