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

* chore(deps): update dependency prettier to v3

* chore: update eslint-plugin-prettier

* fix: format with prettier

---------

Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>
Co-authored-by: Robb Niznik <rniznik@launchdarkly.com>

package.json

@@ -89,7 +89,7 @@
     "eslint-plugin-functional": "^5.0.4",
     "eslint-plugin-import": "^2.27.5",
     "eslint-plugin-jsx-a11y": "^6.7.0",
-    "eslint-plugin-prettier": "^4.2.1",
+    "eslint-plugin-prettier": "^5.0.0-alpha.2",
     "eslint-plugin-react": "^7.32.2",
     "eslint-plugin-react-hooks": "^4.6.0",
     "eslint-plugin-testing-library": "^5.11.0",
@@ -104,7 +104,7 @@
     "postcss-import": "^15.1.0",
     "postcss-nested": "^6.0.0",
     "postcss-preset-env": "^9.0.0",
-    "prettier": "^2.8.8",
+    "prettier": "^3.0.0",
     "react": "18.2.0",
     "react-dom": "18.2.0",
     "storybook-addon-pseudo-states": "^2.1.0",

packages/tab-list/src/TabList.tsx

@@ -10,20 +10,19 @@ import { useRef } from 'react';
 
 import styles from './styles/TabList.module.css';
 
-type TabListProps<T extends string | number> =
-  | AriaTabListProps<HTMLDivElement> & {
-      /** The active Tab to show on render. The value passed in here should match the value of the active Tab's Item key. */
-      activeTab?: T;
-      /** CSS classes to pass into the TabList wrapper div. */
-      className?: string;
-      /** The children passed into the TabList. This is a react-stately Item with JSX children. */
-      children: ItemElement<ReactNode> | Array<ItemElement<ReactNode>>;
-      /** Array of any disabled Tabs in the grouping. */
-      disabledTabs?: string[];
-      /** Called when the user clicks on a different tab */
-      onChange?: (tab: T) => void;
-      'data-test-id'?: string;
-    };
+type TabListProps<T extends string | number> = AriaTabListProps<HTMLDivElement> & {
+  /** The active Tab to show on render. The value passed in here should match the value of the active Tab's Item key. */
+  activeTab?: T;
+  /** CSS classes to pass into the TabList wrapper div. */
+  className?: string;
+  /** The children passed into the TabList. This is a react-stately Item with JSX children. */
+  children: ItemElement<ReactNode> | Array<ItemElement<ReactNode>>;
+  /** Array of any disabled Tabs in the grouping. */
+  disabledTabs?: string[];
+  /** Called when the user clicks on a different tab */
+  onChange?: (tab: T) => void;
+  'data-test-id'?: string;
+};
 
 /** React-aria' useTabListState hook supports a
  * selectedKey under the hood for showing