fix: remove useless imports and sort them

add missing key in iterator

apps/scandic-web/components/HotelReservation/BookingConfirmation/Rooms/index.tsx

@@ -33,17 +33,14 @@ export default async function Rooms({
       </div>
 
       {linkedReservations?.map((reservation, idx) => (
-        <div key={idx} className={styles.room}>
+        <div className={styles.room} key={reservation.confirmationNumber}>
           <Subtitle color="mainGrey60" type="two">
             {intl.formatMessage(
               { id: "Room {roomIndex}" },
               { roomIndex: idx + 2 }
             )}
           </Subtitle>
-          <Suspense
-            key={reservation.confirmationNumber}
-            fallback={<LinkedReservationCardSkeleton />}
-          >
+          <Suspense fallback={<LinkedReservationCardSkeleton />}>
             <LinkedReservation
               confirmationNumber={reservation.confirmationNumber}
             />

apps/scandic-web/components/HotelReservation/SelectHotel/SelectHotelMap/SelectHotelMapContainer.tsx

@@ -1,6 +1,5 @@
 import { differenceInCalendarDays, format, isWeekend } from "date-fns"
 import { notFound } from "next/navigation"
-import { Suspense } from "react"
 
 import { env } from "@/env/server"
 import { getCityCoordinates } from "@/lib/trpc/memoizedRequests"