chore: enable prettier-plugin-organize-imports (#4774) (#4775)

* chore: enable `prettier-plugin-organize-imports` (#4774)

* style: apply prettier (#4774)

Author: hunterckx

.prettierrc.json

@@ -1,3 +1,4 @@
 {
-  "trailingComma": "es5"
+  "trailingComma": "es5",
+  "plugins": ["prettier-plugin-organize-imports"]
 }

__mocks__/next-mdx-remote.tsx

@@ -1,5 +1,3 @@
-import React from "react";
-
 /**
  * Mock implementation of next-mdx-remote for testing.
  */

app/components/Detail/components/AccessibilityBadge/accessibilityBadge.tsx

@@ -1,5 +1,5 @@
-import { JSX } from "react";
 import { AccessibilityBadgeProps } from "@databiosphere/findable-ui/lib/components/Detail/components/AccessibilityBadge/accessibilityBadge";
+import { JSX } from "react";
 import { AccessibilityBadge as Badge } from "./accessibilityBadge.styles";
 
 export const AccessibilityBadge = ({

app/components/Detail/components/AnVILCMG/components/RequestAccess/constants.ts

@@ -1,10 +1,10 @@
+import { TYPOGRAPHY_PROPS } from "@databiosphere/findable-ui/lib/styles/common/mui/typography";
 import {
   ButtonProps,
   ListItemTextProps,
   MenuProps,
   SvgIconProps,
 } from "@mui/material";
-import { TYPOGRAPHY_PROPS } from "@databiosphere/findable-ui/lib/styles/common/mui/typography";
 
 export const BUTTON_PROPS: ButtonProps = {
   color: "primary",

app/components/Detail/components/AnVILCMG/components/RequestAccess/requestAccess.styles.ts

@@ -1,8 +1,8 @@
-import { Button } from "@mui/material";
-import styled from "@emotion/styled";
-import { css } from "@emotion/react";
 import { DropdownMenu } from "@databiosphere/findable-ui/lib/components/common/DropdownMenu/dropdownMenu";
 import { PALETTE } from "@databiosphere/findable-ui/lib/styles/common/constants/palette";
+import { css } from "@emotion/react";
+import styled from "@emotion/styled";
+import { Button } from "@mui/material";
 
 interface Props {
   open?: boolean;

app/components/Detail/components/AnVILCMG/components/RequestAccess/requestAccess.tsx

@@ -1,20 +1,20 @@
-import { JSX } from "react";
-import { Props } from "./types";
-import { ListItemText, MenuItem } from "@mui/material";
 import { Actions } from "@databiosphere/findable-ui/lib/components/Layout/components/BackPage/components/BackPageHero/components/Actions/actions";
-import { CallToActionButton } from "@databiosphere/findable-ui/lib/components/common/Button/components/CallToActionButton/callToActionButton";
-import ArrowDropDownRoundedIcon from "@mui/icons-material/ArrowDropDownRounded";
-import { StyledButton, StyledDropdownMenu } from "./requestAccess.styles";
 import {
   ANCHOR_TARGET,
   REL_ATTRIBUTE,
 } from "@databiosphere/findable-ui/lib/components/Links/common/entities";
+import { CallToActionButton } from "@databiosphere/findable-ui/lib/components/common/Button/components/CallToActionButton/callToActionButton";
+import ArrowDropDownRoundedIcon from "@mui/icons-material/ArrowDropDownRounded";
+import { ListItemText, MenuItem } from "@mui/material";
+import { JSX } from "react";
 import {
   BUTTON_PROPS,
   LIST_ITEM_TEXT_PROPS,
   MENU_PROPS,
   SVG_ICON_PROPS,
 } from "./constants";
+import { StyledButton, StyledDropdownMenu } from "./requestAccess.styles";
+import { Props } from "./types";
 import { getRequestAccessOptions } from "./utils";
 
 export const RequestAccess = ({

app/components/Detail/components/AnVILCMG/components/RequestAccess/utils.ts

@@ -1,11 +1,11 @@
+import { LABEL } from "@databiosphere/findable-ui/lib/apis/azul/common/entities";
+import { ListItemTextProps } from "@mui/material";
 import { DatasetsResponse } from "../../../../../../apis/azul/anvil-cmg/common/responses";
-import { takeArrayValueAt } from "../../../../../../viewModelBuilders/azul/anvil-cmg/common/viewModelBuilders";
 import {
   processEntityArrayValue,
   processEntityValue,
 } from "../../../../../../apis/azul/common/utils";
-import { LABEL } from "@databiosphere/findable-ui/lib/apis/azul/common/entities";
-import { ListItemTextProps } from "@mui/material";
+import { takeArrayValueAt } from "../../../../../../viewModelBuilders/azul/anvil-cmg/common/viewModelBuilders";
 
 /**
  * Generates a list of request access menu options based on the provided dataset response.

app/components/Detail/components/ConsentTooltip/consentTooltip.tsx

@@ -1,5 +1,5 @@
-import { JSX } from "react";
 import { Tooltip } from "@mui/material";
+import { JSX } from "react";
 
 interface ConsentTooltipProps {
   consentCode: string;

app/components/Detail/components/EntityGuard/components/EntityDeprecated/entityDeprecated.tsx

@@ -1,4 +1,3 @@
-import { JSX } from "react";
 import { ButtonPrimary } from "@databiosphere/findable-ui/lib/components/common/Button/components/ButtonPrimary/buttonPrimary";
 import { AlertIcon } from "@databiosphere/findable-ui/lib/components/common/CustomIcon/components/AlertIcon/alertIcon";
 import { SectionActions } from "@databiosphere/findable-ui/lib/components/common/Section/section.styles";
@@ -11,6 +10,7 @@ import { TYPOGRAPHY_PROPS } from "@databiosphere/findable-ui/lib/styles/common/m
 import { Link as MLink, Typography } from "@mui/material";
 import Link from "next/link";
 import { useRouter } from "next/router";
+import { JSX } from "react";
 import { Notice, Section, SectionContent } from "../../entityGuard.styles";
 
 interface EntityDeprecatedProps {

app/components/Detail/components/EntityGuard/components/EntityWithdrawn/entityWithdrawn.tsx

@@ -1,4 +1,3 @@
-import { JSX } from "react";
 import { ButtonPrimary } from "@databiosphere/findable-ui/lib/components/common/Button/components/ButtonPrimary/buttonPrimary";
 import { AlertIcon } from "@databiosphere/findable-ui/lib/components/common/CustomIcon/components/AlertIcon/alertIcon";
 import { SectionActions } from "@databiosphere/findable-ui/lib/components/common/Section/section.styles";
@@ -8,10 +7,11 @@ import {
 } from "@databiosphere/findable-ui/lib/components/common/StatusIcon/statusIcon";
 import { ANCHOR_TARGET } from "@databiosphere/findable-ui/lib/components/Links/common/entities";
 import { Override } from "@databiosphere/findable-ui/lib/config/entities";
+import { TYPOGRAPHY_PROPS } from "@databiosphere/findable-ui/lib/styles/common/mui/typography";
 import { Link as MLink, Typography } from "@mui/material";
 import Link from "next/link";
+import { JSX } from "react";
 import { Notice, Section, SectionContent } from "../../entityGuard.styles";
-import { TYPOGRAPHY_PROPS } from "@databiosphere/findable-ui/lib/styles/common/mui/typography";
 
 interface EntityWithdrawnProps {
   override: Override;