Merged in fix/3697-prettier-configs (pull request #3396)

fix(SW-3691): Setup one prettier config for whole repo

* Setup prettierrc in root and remove other configs


Approved-by: Joakim Jäderberg
Approved-by: Linus Flood

packages/design-system/lib/components/ImageGallery/index.tsx

@@ -1,16 +1,16 @@
-'use client'
+"use client"
 
-import { memo, useState } from 'react'
-import { Button as ButtonRAC } from 'react-aria-components'
-import { useIntl } from 'react-intl'
+import { memo, useState } from "react"
+import { Button as ButtonRAC } from "react-aria-components"
+import { useIntl } from "react-intl"
 
-import { MaterialIcon } from '../Icons/MaterialIcon'
-import Image from '../Image'
-import ImageFallback from '../ImageFallback'
-import Lightbox from '../Lightbox'
-import { Typography } from '../Typography'
+import { MaterialIcon } from "../Icons/MaterialIcon"
+import Image from "../Image"
+import ImageFallback from "../ImageFallback"
+import Lightbox from "../Lightbox"
+import { Typography } from "../Typography"
 
-import styles from './imageGallery.module.css'
+import styles from "./imageGallery.module.css"
 
 export interface GalleryImage {
   src: string
@@ -26,7 +26,7 @@ type ImageGalleryProps = {
   height?: number
   sizes?: string
   hideLabel?: boolean
-  imageCountPosition?: 'top' | 'bottom'
+  imageCountPosition?: "top" | "bottom"
 }
 
 function ImageGallery({
@@ -36,7 +36,7 @@ function ImageGallery({
   height = 280,
   sizes,
   hideLabel,
-  imageCountPosition = 'bottom',
+  imageCountPosition = "bottom",
 }: ImageGalleryProps) {
   const intl = useIntl()
   const [isOpen, setIsOpen] = useState(false)
@@ -45,7 +45,7 @@ function ImageGallery({
     ? {
         fill,
         sizes:
-          sizes ?? 'auto, (max-width: 400px) 100vw, (min-width: 401px) 500px',
+          sizes ?? "auto, (max-width: 400px) 100vw, (min-width: 401px) 500px",
       }
     : { height, width: height * 1.5 }
 
@@ -68,7 +68,7 @@ function ImageGallery({
         <Typography variant="Body/Supporting text (caption)/smRegular">
           <span
             className={`${styles.imageCount} ${
-              imageCountPosition === 'top'
+              imageCountPosition === "top"
                 ? styles.imageCountTop
                 : styles.imageCountBottom
             }`}
@@ -81,8 +81,8 @@ function ImageGallery({
           className={styles.triggerArea}
           onPress={() => setIsOpen(true)}
           aria-label={intl.formatMessage({
-            id: 'imageGallery.openImageGallery',
-            defaultMessage: 'Open image gallery',
+            id: "imageGallery.openImageGallery",
+            defaultMessage: "Open image gallery",
           })}
         />
       </div>