chore(deps): update dependency prettier to v3 (#3491)

* chore(deps): update dependency prettier to v3

* chore(deps): update dependency eslint-plugin-prettier to v5

* chore: lint fix

* chore: lint fix

---------

Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>
Co-authored-by: Håkon Flatval <hakon.flatval@cognite.com>
Co-authored-by: Håkon Flatval <70905152+haakonflatval-cognite@users.noreply.github.com>

react-components/package.json

@@ -48,11 +48,11 @@
     "eslint-plugin-header": "^3.1.1",
     "eslint-plugin-import": "^2.25.2",
     "eslint-plugin-n": "^16.0.0",
-    "eslint-plugin-prettier": "^4.2.1",
+    "eslint-plugin-prettier": "^5.0.0",
     "eslint-plugin-promise": "^6.0.0",
     "eslint-plugin-react": "latest",
     "moq.ts": "^10.0.6",
-    "prettier": "^2.8.8",
+    "prettier": "^3.0.0",
     "prop-types": "15.8.1",
     "react": "18.2.0",
     "react-dom": "18.2.0",

react-components/src/hooks/useCalculateModelsStyling.tsx

@@ -48,10 +48,11 @@ export const useCalculateModelsStyling = (
             styling.groups !== null ? [] : undefined;
 
           styling.groups?.forEach((group) => {
-            const connectedExternalIds = group.fdmAssetExternalIds.filter((externalId) =>
-              modelNodeMappings?.mappings.some(
-                (modelNodeMapping) => modelNodeMapping.externalId === externalId
-              )
+            const connectedExternalIds = group.fdmAssetExternalIds.filter(
+              (externalId) =>
+                modelNodeMappings?.mappings.some(
+                  (modelNodeMapping) => modelNodeMapping.externalId === externalId
+                )
             );
 
             const newGroup: NodeStylingGroup = {