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/FacilityToIcon/FacilityToIcon.stories.tsx

@@ -1,9 +1,9 @@
-import type { Meta, StoryObj } from '@storybook/nextjs-vite'
+import type { Meta, StoryObj } from "@storybook/nextjs-vite"
 
-import { FacilityEnum } from '@scandic-hotels/common/constants/facilities'
+import { FacilityEnum } from "@scandic-hotels/common/constants/facilities"
 
-import { FacilityToIcon } from '.'
-import { iconVariantConfig } from '../Icons/variants'
+import { FacilityToIcon } from "."
+import { iconVariantConfig } from "../Icons/variants"
 
 const facilityMapping: Record<string, FacilityEnum> = Object.fromEntries(
   Object.entries(FacilityEnum).filter(([k]) => isNaN(Number(k)))
@@ -12,26 +12,26 @@ const facilityMapping: Record<string, FacilityEnum> = Object.fromEntries(
 const colorOptions = Object.keys(iconVariantConfig.variants.color)
 
 const meta: Meta<typeof FacilityToIcon> = {
-  title: 'Core Components/Facility To Icon',
+  title: "Core Components/Facility To Icon",
   component: FacilityToIcon,
   argTypes: {
     id: {
-      control: 'select',
+      control: "select",
       options: Object.keys(FacilityEnum)
         .map((key) => FacilityEnum[key as keyof typeof FacilityEnum])
-        .filter((x) => typeof x === 'string')
+        .filter((x) => typeof x === "string")
         .toSorted(),
       mapping: facilityMapping,
-      description: 'Facility identifier (mapped to the corresponding icon)',
+      description: "Facility identifier (mapped to the corresponding icon)",
     },
     color: {
-      control: 'select',
+      control: "select",
       options: colorOptions,
-      description: 'Icon color variant',
+      description: "Icon color variant",
     },
     size: {
-      control: 'number',
-      description: 'Icon pixel size',
+      control: "number",
+      description: "Icon pixel size",
     },
   },
 }
@@ -44,7 +44,7 @@ export const Playground: Story = {
   args: {
     id: FacilityEnum.Bar,
     size: 24,
-    color: 'Icon/Default',
+    color: "Icon/Default",
   },
 }
 
@@ -65,13 +65,13 @@ const exampleFacilities = [
 export const Examples: Story = {
   args: {
     size: 24,
-    color: 'Icon/Default',
+    color: "Icon/Default",
   },
   render: (args) => (
     <div
       style={{
-        display: 'grid',
-        gridTemplateColumns: 'repeat(auto-fill, minmax(180px, 1fr))',
+        display: "grid",
+        gridTemplateColumns: "repeat(auto-fill, minmax(180px, 1fr))",
         gap: 16,
       }}
     >
@@ -79,12 +79,12 @@ export const Examples: Story = {
         <div
           key={key}
           style={{
-            display: 'flex',
-            alignItems: 'center',
+            display: "flex",
+            alignItems: "center",
             gap: 12,
             padding: 8,
             borderRadius: 8,
-            background: 'var(--ds-color-surface-subtle, #F2ECE6)',
+            background: "var(--ds-color-surface-subtle, #F2ECE6)",
           }}
         >
           <FacilityToIcon id={key} size={args.size} color={args.color} />

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

@@ -1,10 +1,10 @@
-import { FacilityEnum } from '@scandic-hotels/common/constants/facilities'
+import { FacilityEnum } from "@scandic-hotels/common/constants/facilities"
 
-import type { JSX } from 'react'
-import { IconProps, NucleoIconProps } from '../Icons'
-import { IconByIconName } from '../Icons/IconByIconName'
-import { IconName } from '../Icons/iconName'
-import { MaterialIconSetIconProps } from '../Icons/MaterialIcon'
+import type { JSX } from "react"
+import { IconProps, NucleoIconProps } from "../Icons"
+import { IconByIconName } from "../Icons/IconByIconName"
+import { IconName } from "../Icons/iconName"
+import { MaterialIconSetIconProps } from "../Icons/MaterialIcon"
 
 interface mapFacilityToIconProps {
   id: FacilityEnum