fix: lint warning

Signed-off-by: 8845musign <[email protected]>

src/components/react/ButtonIcon.tsx

@@ -1,6 +1,6 @@
-import { clsx } from "clsx";
-import styles from "./ButtonIcon.module.css";
-import type { FC, ReactNode } from "react";
+import { clsx } from 'clsx';
+import styles from './ButtonIcon.module.css';
+import type { FC, ReactNode } from 'react';
 
 interface Props {
   children: ReactNode;
@@ -9,18 +9,8 @@ interface Props {
   className?: string;
 }
 
-const ButtonIcon: FC<Props> = ({
-  children,
-  label,
-  onClick,
-  className = "",
-}) => (
-  <button
-    onClick={onClick}
-    aria-label={label}
-    className={clsx(styles.button, className)}
-    title={label}
-  >
+const ButtonIcon: FC<Props> = ({ children, label, onClick, className = '' }) => (
+  <button onClick={onClick} aria-label={label} className={clsx(styles.button, className)} title={label}>
     {children}
   </button>
 );

src/components/react/CopyButton.tsx

@@ -1,6 +1,6 @@
-import { copyToClipboard } from '@utils/client';
 import { clsx } from 'clsx';
 import { useState } from 'react';
+import { copyToClipboard } from '@utils/client';
 import styles from './CopyButton.module.css';
 import type { FC } from 'react';
 

src/components/react/GlobalNavigation.tsx

@@ -1,7 +1,7 @@
 import { useStore } from '@nanostores/react';
-import { $isMobileGlobalNavigationOpen } from '@store/navigation';
 import clsx from 'clsx';
 import FocusTrap from 'focus-trap-react';
+import { $isMobileGlobalNavigationOpen } from '@store/navigation';
 import styles from './GlobalNavigation.module.css';
 import type { PostData } from '@types';
 import type { FC } from 'react';

src/components/react/TableOfContents/TableOfContents.tsx

@@ -1,5 +1,5 @@
-import { extractHeadingsFromMain, pickHeadingIds } from '@utils/client';
 import { useEffect, useState } from 'react';
+import { extractHeadingsFromMain, pickHeadingIds } from '@utils/client';
 import LinkToHeading from './LinkToHeading';
 import styles from './TableOfContents.module.css';
 import type { Heading } from '@utils/client';

src/components/react/WithGlobalNavigation.tsx

@@ -1,6 +1,6 @@
 import { useStore } from '@nanostores/react';
-import { $isMobileGlobalNavigationOpen } from '@store/navigation';
 import clsx from 'clsx';
+import { $isMobileGlobalNavigationOpen } from '@store/navigation';
 import GlobalNavigation from './GlobalNavigation';
 import styles from './WithGlobalNavigation.module.css';
 import type { PostData } from '@types';

src/components/react/figures/color/ColorChip.tsx

@@ -1,5 +1,5 @@
-import ButtonCopy from '@components/react/CopyButton';
 import DesignToken from '@ubie/design-tokens';
+import ButtonCopy from '@components/react/CopyButton';
 import { validateContrast, convertHexWithPercentage, convertDisplayName, deleteAlpha } from '@utils/client';
 import styles from './ColorChip.module.css';
 import ColorChipValidationIndicator from './ColorChipValidationIndicator';

src/components/react/figures/radius/TokenList.tsx

@@ -1,6 +1,6 @@
+import DesignToken from '@ubie/design-tokens';
 import CopyButton from '@components/react/CopyButton';
 import Table, { Row, TBody, THead, Cell, HeadCell, HeadRow } from '@components/react/Table';
-import DesignToken from '@ubie/design-tokens';
 import { pascalCaseToCSSVariables } from '@utils/client/css';
 import { getKeys } from '@utils/client/object';
 import type { FC } from 'react';

src/components/react/figures/spacing/TokenList.tsx

@@ -1,6 +1,6 @@
+import DesignToken from '@ubie/design-tokens';
 import CopyButton from '@components/react/CopyButton';
 import Table, { Row, TBody, THead, Cell, HeadCell, HeadRow } from '@components/react/Table';
-import DesignToken from '@ubie/design-tokens';
 import { pascalCaseToCSSVariables } from '@utils/client/css';
 import { getKeys } from '@utils/client/object';
 import type { FC } from 'react';

src/components/react/figures/typography/ExampleText.tsx

@@ -1,5 +1,5 @@
-import CopyButton from '@components/react/CopyButton';
 import DesignTokens from '@ubie/design-tokens';
+import CopyButton from '@components/react/CopyButton';
 import { convertToTypographyCSS, convertToTypographyReact } from './scripts';
 import type { FC } from 'react';