Merged in chore/eslint-curly-braces (pull request #3304)

Chore/eslint curly braces

* Add eslint rule for curly braces

* run eslint --fix for all files


Approved-by: Linus Flood

apps/scandic-web/components/HotelReservation/MyStay/Ancillaries/AddAncillaryFlow/AddAncillaryFlowModal/Steps/ConfirmationStep/index.tsx

@@ -210,7 +210,7 @@ export default function ConfirmationStep({
                   onChange={(method) => {
                     trackUpdatePaymentMethod({ method })
                   }}
-                  formName={"paymentMethod"}
+                  formName="paymentMethod"
                 />
               </>
             )}

apps/scandic-web/components/HotelReservation/MyStay/Ancillaries/AddAncillaryFlow/AddAncillaryFlowModal/Steps/DeliveryDetailsStep/index.tsx

@@ -28,7 +28,7 @@ export default function DeliveryMethodStep() {
           </Typography>
           <Select
             name="deliveryTime"
-            label={""}
+            label=""
             items={deliveryTimeOptions}
             registerOptions={{ required: true }}
             isNestedInModal

apps/scandic-web/components/HotelReservation/MyStay/Rooms/MultiRoom/Room.tsx

@@ -124,7 +124,7 @@ export default function Room({ booking, roomNr, user }: RoomProps) {
       <div className={styles.roomHeader}>
         {isCancelled ? (
           <IconChip
-            color={"red"}
+            color="red"
             icon={
               <MaterialIcon
                 icon="cancel"

apps/scandic-web/components/HotelReservation/MyStay/Rooms/SingleRoom/index.tsx

@@ -40,7 +40,7 @@ export default function SingleRoom({ user }: RoomProps) {
   if (!roomNumber) {
     return (
       <div className={styles.room}>
-        <SkeletonShimmer width={"200px"} height="30px" />
+        <SkeletonShimmer width="200px" height="30px" />
         <SkeletonShimmer width="100%" height="750px" />
       </div>
     )

apps/scandic-web/components/HotelReservation/MyStay/myStaySkeleton.tsx

@@ -8,15 +8,15 @@ export function MyStaySkeleton() {
   return (
     <div className={styles.content}>
       <div className={styles.headerSkeleton}>
-        <SkeletonShimmer width={"100px"} height="20px" />
-        <SkeletonShimmer width={"450px"} height="50px" />
-        <SkeletonShimmer width={"200px"} height="30px" />
+        <SkeletonShimmer width="100px" height="20px" />
+        <SkeletonShimmer width="450px" height="50px" />
+        <SkeletonShimmer width="200px" height="30px" />
       </div>
       <div className={styles.cardSkeleton}>
         <SkeletonShimmer width="590px" height="380px" />
       </div>
       <div className={styles.section}>
-        <SkeletonShimmer width={"200px"} height="30px" />
+        <SkeletonShimmer width="200px" height="30px" />
         <div className={styles.ancillariesSkeleton}>
           <SkeletonShimmer width="280px" height="200px" />
           <SkeletonShimmer width="280px" height="200px" />
@@ -26,7 +26,7 @@ export function MyStaySkeleton() {
         </div>
       </div>
       <div className={styles.section}>
-        <SkeletonShimmer width={"200px"} height="30px" />
+        <SkeletonShimmer width="200px" height="30px" />
         <div>
           <SkeletonShimmer width="100%" height="700px" />
         </div>