Fixes bookingwidget skeleton and memoize fetching of creditcards

components/Forms/BookingWidget/FormContent/Search/index.tsx

@@ -245,7 +245,7 @@ export function SearchSkeleton() {
         </Caption>
       </div>
       <div className={styles.input}>
-        <SkeletonShimmer />
+        <SkeletonShimmer width={"100%"} />
       </div>
     </div>
   )

components/Forms/BookingWidget/FormContent/index.tsx

@@ -104,13 +104,13 @@ export function BookingWidgetFormContentSkeleton() {
           <Caption color="red" type="bold">
             {intl.formatMessage({ id: "booking.nights" }, { totalNights: 0 })}
           </Caption>
-          <SkeletonShimmer />
+          <SkeletonShimmer width={"100%"} />
         </div>
         <div className={styles.rooms}>
           <Caption color="red" type="bold" asChild>
             <span>{intl.formatMessage({ id: "Guests & Rooms" })}</span>
           </Caption>
-          <SkeletonShimmer />
+          <SkeletonShimmer width={"100%"} />
         </div>
       </div>
       <div className={styles.voucherContainer}>