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

packages/design-system/lib/components/RateCard/Campaign/index.tsx

@@ -94,7 +94,7 @@ export default function CampaignRateCard({
             >
               {rateTermDetails.map((termGroup) => (
                 <div key={termGroup.title} className={styles.terms}>
-                  <Typography variant={'Body/Paragraph/mdBold'}>
+                  <Typography variant="Body/Paragraph/mdBold">
                     <p>{termGroup.title}</p>
                   </Typography>
                   {termGroup.terms.map((term) => (

packages/design-system/lib/components/RateCard/Code/index.tsx

@@ -84,7 +84,7 @@ export default function CodeRateCard({
             >
               {rateTermDetails.map((termGroup) => (
                 <div key={termGroup.title} className={styles.terms}>
-                  <Typography variant={'Body/Paragraph/mdBold'}>
+                  <Typography variant="Body/Paragraph/mdBold">
                     <p>{termGroup.title}</p>
                   </Typography>
                   {termGroup.terms.map((term) => (

packages/design-system/lib/components/RateCard/Modal/index.tsx

@@ -59,7 +59,7 @@ function InnerModal({
     <MotionOverlay
       animate={animation}
       className={styles.overlay}
-      initial={'hidden'}
+      initial="hidden"
       isDismissable
       isExiting={animation === AnimationStateEnum.hidden}
       onAnimationComplete={modalStateHandler}
@@ -71,7 +71,7 @@ function InnerModal({
         className={styles.modal}
         variants={slideInOut}
         animate={animation}
-        initial={'hidden'}
+        initial="hidden"
       >
         <Dialog className={styles.dialog}>
           {({ close }) => (

packages/design-system/lib/components/RateCard/Points/index.tsx

@@ -70,7 +70,7 @@ export default function PointsRateCard({
               >
                 {rateTermDetails.map((termGroup) => (
                   <div key={termGroup.title} className={styles.terms}>
-                    <Typography variant={'Body/Paragraph/mdBold'}>
+                    <Typography variant="Body/Paragraph/mdBold">
                       <p>{termGroup.title}</p>
                     </Typography>
                     {termGroup.terms.map((term) => (

packages/design-system/lib/components/RateCard/Regular/index.tsx

@@ -79,7 +79,7 @@ export default function RegularRateCard({
             >
               {rateTermDetails.map((termGroup) => (
                 <div key={termGroup.title} className={styles.terms}>
-                  <Typography variant={'Body/Paragraph/mdBold'}>
+                  <Typography variant="Body/Paragraph/mdBold">
                     <p>{termGroup.title}</p>
                   </Typography>
                   {termGroup.terms.map((term) => (