chore: consistently sorts imports using biome

basic-contract-caller/frontend/src/Other.tsx

@@ -1,7 +1,7 @@
-import otherContractMetadata from './assets/other_contract.json';
 import { Card } from 'ui';
 import { useCallSubscription, useContract } from 'useink';
 import { pickDecoded } from 'useink/utils';
+import otherContractMetadata from './assets/other_contract.json';
 
 interface Props {
   address: string;

basic-contract-caller/frontend/src/main.tsx

@@ -1,12 +1,12 @@
-import App from './App.tsx';
-import './Global.css';
-import metadata from './assets/basic_contract_caller.json';
 import React from 'react';
 import ReactDOM from 'react-dom/client';
 import 'ui/style.css';
 import { UseInkProvider } from 'useink';
 import { RococoContractsTestnet } from 'useink/chains';
 import { NotificationsProvider } from 'useink/notifications';
+import App from './App.tsx';
+import './Global.css';
+import metadata from './assets/basic_contract_caller.json';
 
 ReactDOM.createRoot(document.getElementById('root') as HTMLElement).render(
   <React.StrictMode>

contract-terminate/frontend/src/App.tsx

@@ -1,4 +1,3 @@
-import metadata from './assets/contract_terminate.json';
 import { useEffect, useMemo } from 'react';
 import {
   Button,
@@ -17,6 +16,7 @@ import {
   planckToDecimalFormatted,
   shouldDisable,
 } from 'useink/utils';
+import metadata from './assets/contract_terminate.json';
 
 // We already deployed the contract Wasm blob on chain. We use this code hash to
 // re-deploy;

contract-terminate/frontend/src/main.tsx

@@ -1,12 +1,12 @@
-import App from './App.tsx';
-import './Global.css';
-import metadata from './assets/contract_terminate.json';
 import React from 'react';
 import ReactDOM from 'react-dom/client';
 import 'ui/style.css';
 import { UseInkProvider } from 'useink';
 import { RococoContractsTestnet } from 'useink/chains';
 import { NotificationsProvider } from 'useink/notifications';
+import App from './App.tsx';
+import './Global.css';
+import metadata from './assets/contract_terminate.json';
 
 ReactDOM.createRoot(document.getElementById('root') as HTMLElement).render(
   <React.StrictMode>

contract-transfer/frontend/src/main.tsx

@@ -1,12 +1,12 @@
-import App from './App.tsx';
-import './Global.css';
-import metadata from './assets/contract_transfer.json';
 import React from 'react';
 import ReactDOM from 'react-dom/client';
 import 'ui/style.css';
 import { UseInkProvider } from 'useink';
 import { RococoContractsTestnet } from 'useink/chains';
 import { NotificationsProvider } from 'useink/notifications';
+import App from './App.tsx';
+import './Global.css';
+import metadata from './assets/contract_transfer.json';
 
 ReactDOM.createRoot(document.getElementById('root') as HTMLElement).render(
   <React.StrictMode>

erc20/frontend/src/App.tsx

@@ -1,6 +1,6 @@
+import { DeployerProvider, InkLayout } from 'ui';
 import metadata from '../assets/erc20.json';
 import { Erc20 } from './components';
-import { DeployerProvider, InkLayout } from 'ui';
 
 const ONE_BILLION_TOKENS = '1000000000000000000000';
 

erc20/frontend/src/Other.tsx

@@ -1,7 +1,7 @@
-import otherContractMetadata from './assets/other_contract.json';
 import { Card } from 'ui';
 import { useCallSubscription, useContract } from 'useink';
 import { pickDecoded } from 'useink/utils';
+import otherContractMetadata from './assets/other_contract.json';
 
 interface Props {
   address: string;

erc20/frontend/src/components/Erc20/Erc20.tsx

@@ -1,6 +1,3 @@
-import metadata from '../../../assets/erc20.json';
-import { ReadView } from '../ReadView';
-import { WriteView } from '../WriteView';
 import { useMemo, useState } from 'react';
 import { Card, Tab, Tabs, formatContractName, useDeployerState } from 'ui';
 import { useCallSubscription, useContract, useTx, useWallet } from 'useink';
@@ -10,6 +7,9 @@ import {
   planckToDecimalFormatted,
   stringNumberToBN,
 } from 'useink/utils';
+import metadata from '../../../assets/erc20.json';
+import { ReadView } from '../ReadView';
+import { WriteView } from '../WriteView';
 
 export const Erc20: React.FC = () => {
   const { contractAddress } = useDeployerState();

erc20/frontend/src/main.tsx

@@ -1,12 +1,12 @@
-import metadata from '../assets/erc20.json';
-import App from './App.tsx';
-import './Global.css';
 import React from 'react';
 import ReactDOM from 'react-dom/client';
 import 'ui/style.css';
 import { UseInkProvider } from 'useink';
 import { RococoContractsTestnet } from 'useink/chains';
 import { NotificationsProvider } from 'useink/notifications';
+import metadata from '../assets/erc20.json';
+import App from './App.tsx';
+import './Global.css';
 
 ReactDOM.createRoot(document.getElementById('root') as HTMLElement).render(
   <React.StrictMode>

erc721/frontend/src/App.tsx

@@ -1,6 +1,6 @@
+import { DeployerProvider, InkLayout } from 'ui';
 import metadata from '../assets/erc721.json';
 import { Erc721 } from './components';
-import { DeployerProvider, InkLayout } from 'ui';
 
 function App() {
   return (

erc721/frontend/src/components/Erc721/Erc721.tsx

@@ -1,11 +1,11 @@
-import metadata from '../../../assets/erc721.json';
-import { ReadView } from '../ReadView';
-import { WriteView } from '../WriteView';
 import { useState } from 'react';
 import { Card, Tab, Tabs, formatContractName, useDeployerState } from 'ui';
 import { useCallSubscription, useContract, useTx, useWallet } from 'useink';
 import { useTxNotifications } from 'useink/notifications';
 import { pickDecoded } from 'useink/utils';
+import metadata from '../../../assets/erc721.json';
+import { ReadView } from '../ReadView';
+import { WriteView } from '../WriteView';
 
 export const Erc721: React.FC = () => {
   const { contractAddress } = useDeployerState();

erc721/frontend/src/main.tsx

@@ -1,12 +1,12 @@
-import metadata from '../assets/erc721.json';
-import App from './App.tsx';
-import './Global.css';
 import React from 'react';
 import ReactDOM from 'react-dom/client';
 import 'ui/style.css';
 import { UseInkProvider } from 'useink';
 import { RococoContractsTestnet } from 'useink/chains';
 import { NotificationsProvider } from 'useink/notifications';
+import metadata from '../assets/erc721.json';
+import App from './App.tsx';
+import './Global.css';
 
 ReactDOM.createRoot(document.getElementById('root') as HTMLElement).render(
   <React.StrictMode>

flipper/frontend/src/App.tsx

@@ -1,9 +1,9 @@
-import metadata from './assets/flipper.json';
-import { CONTRACT_ROCOCO_ADDRESS } from './constants';
 import { Button, Card, ConnectButton, InkLayout, formatContractName } from 'ui';
 import { useCallSubscription, useContract, useTx, useWallet } from 'useink';
 import { useTxNotifications } from 'useink/notifications';
 import { pickDecoded, shouldDisable } from 'useink/utils';
+import metadata from './assets/flipper.json';
+import { CONTRACT_ROCOCO_ADDRESS } from './constants';
 
 function App() {
   const { account } = useWallet();

flipper/frontend/src/main.tsx

@@ -1,12 +1,12 @@
-import App from './App.tsx';
-import './Global.css';
-import metadata from './assets/flipper.json';
 import React from 'react';
 import ReactDOM from 'react-dom/client';
 import 'ui/style.css';
 import { UseInkProvider } from 'useink';
 import { RococoContractsTestnet } from 'useink/chains';
 import { NotificationsProvider } from 'useink/notifications';
+import App from './App.tsx';
+import './Global.css';
+import metadata from './assets/flipper.json';
 
 ReactDOM.createRoot(document.getElementById('root') as HTMLElement).render(
   <React.StrictMode>

incrementer/frontend/src/App.tsx

@@ -1,5 +1,3 @@
-import metadata from './assets/incrementer.json';
-import { CONTRACT_ROCOCO_ADDRESS } from './constants';
 import { useState } from 'react';
 import {
   Button,
@@ -12,6 +10,8 @@ import {
 import { useCallSubscription, useContract, useTx, useWallet } from 'useink';
 import { useTxNotifications } from 'useink/notifications';
 import { pickDecoded, shouldDisable } from 'useink/utils';
+import metadata from './assets/incrementer.json';
+import { CONTRACT_ROCOCO_ADDRESS } from './constants';
 
 function App() {
   const { account } = useWallet();

incrementer/frontend/src/main.tsx

@@ -1,12 +1,12 @@
-import App from './App.tsx';
-import './Global.css';
-import metadata from './assets/incrementer.json';
 import React from 'react';
 import ReactDOM from 'react-dom/client';
 import 'ui/style.css';
 import { UseInkProvider } from 'useink';
 import { RococoContractsTestnet } from 'useink/chains';
 import { NotificationsProvider } from 'useink/notifications';
+import App from './App.tsx';
+import './Global.css';
+import metadata from './assets/incrementer.json';
 
 ReactDOM.createRoot(document.getElementById('root') as HTMLElement).render(
   <React.StrictMode>

ui/src/Accounts/Accounts.tsx

@@ -1,9 +1,9 @@
-import { ClassNameable } from '../types';
 import { Listbox, Transition } from '@headlessui/react';
 import { CheckIcon, ChevronUpDownIcon } from '@heroicons/react/24/solid';
 import classNames from 'classnames';
 import React, { Fragment } from 'react';
 import { useWallet } from 'useink';
+import { ClassNameable } from '../types';
 
 export const Accounts: React.FC<ClassNameable> = ({ className }) => {
   const { setAccount, account, accounts } = useWallet();

ui/src/BigIntInputField/BigIntInputField.tsx

@@ -1,5 +1,5 @@
-import { InputField } from '..';
 import React, { DetailedHTMLProps, InputHTMLAttributes } from 'react';
+import { InputField } from '..';
 
 interface Props
   extends DetailedHTMLProps<

ui/src/Card/Card.tsx

@@ -1,6 +1,6 @@
-import { InkComponent } from '../types';
 import classNames from 'classnames';
 import React from 'react';
+import { InkComponent } from '../types';
 
 export const Card: React.FC<InkComponent> = ({ children, className }) => {
   const classes = classNames(

ui/src/Events/Events.tsx

@@ -1,4 +1,3 @@
-import { ClassNameable } from '..';
 import classNames from 'classnames';
 import React from 'react';
 import { EventRecord } from 'useink/core';
@@ -8,6 +7,7 @@ import {
   isContractInstantiatedEvent,
   isExtrinsicFailedEvent,
 } from 'useink/utils';
+import { ClassNameable } from '..';
 
 export interface Props extends ClassNameable {
   events?: EventRecord[];

ui/src/InkLayout/InkLayout.tsx

@@ -1,11 +1,11 @@
+import classNames from 'classnames';
+import React from 'react';
 import { InkComponent, Notifications } from '..';
 import { LottieEntity } from '../LottieEntity';
 import { UIProvider } from '../contexts';
 import { Screen } from './Screen';
 import { ScreenDarkener } from './ScreenDarkener';
 import { Submarine } from './Submarine';
-import classNames from 'classnames';
-import React from 'react';
 
 type Props = InkComponent & {
   animationSrc?: string;

ui/src/InkLayout/ScreenDarkener/ScreenDarkener.tsx

@@ -1,6 +1,6 @@
-import { useUI } from '../..';
 import classNames from 'classnames';
 import * as React from 'react';
+import { useUI } from '../..';
 
 export const ScreenDarkener: React.FC = () => {
   const { showScreen } = useUI();

ui/src/InkLayout/Submarine/Submarine.tsx

@@ -73,7 +73,7 @@ export const Submarine: React.FC<React.PropsWithChildren> = () => {
   }, [setPosition]);
 
   return (
-    /* rome-ignore lint/a11y/noSvgWithoutTitle: We don't want a tooltip to appear */
+    /* biome-ignore lint/a11y/noSvgWithoutTitle: We don't want a tooltip to appear */
     <svg
       xmlns='http://www.w3.org/2000/svg'
       viewBox='0 0 1920.01 1830.89'

ui/src/Logo/Logo.tsx

@@ -1,5 +1,5 @@
-import { ClassNameable } from '../types';
 import React from 'react';
+import { ClassNameable } from '../types';
 
 export const Logo: React.FC<ClassNameable> = ({ className }) => (
   <svg

ui/src/LottieEntity/LottieEntity.tsx

@@ -1,6 +1,6 @@
-import { ClassNameable } from '..';
 import { Player } from '@lottiefiles/react-lottie-player';
 import React from 'react';
+import { ClassNameable } from '..';
 
 type Props = {
   src: string;

ui/src/Modal/Modal.tsx

@@ -1,6 +1,6 @@
-import { Card } from '../Card';
 import classNames from 'classnames';
 import React, { PropsWithChildren } from 'react';
+import { Card } from '../Card';
 
 type Props = {
   open: boolean;

ui/src/Notifications/Notifications.tsx

@@ -1,7 +1,7 @@
-import { Snackbar } from '../Snackbar';
 import React from 'react';
 // eslint-disable-next-line import/no-unresolved
 import { toNotificationLevel, useNotifications } from 'useink/notifications';
+import { Snackbar } from '../Snackbar';
 
 export const Notifications: React.FC = () => {
   const { notifications } = useNotifications();

ui/src/NumberInput/NumberInput.tsx

@@ -1,7 +1,7 @@
-import { ClassNameable } from '..';
 import { MinusIcon, PlusIcon } from '@heroicons/react/24/solid';
 import classNames from 'classnames';
 import React from 'react';
+import { ClassNameable } from '..';
 
 type Props = ClassNameable & {
   onChange: (v: number) => void;

ui/src/hooks/useUI.ts

@@ -1,4 +1,4 @@
-import { UIContext, UIState } from '..';
 import { useContext } from 'react';
+import { UIContext, UIState } from '..';
 
 export const useUI = (): UIState => useContext(UIContext);

ui/vite.config.ts

@@ -1,5 +1,5 @@
-import react from '@vitejs/plugin-react';
 import path from 'node:path';
+import react from '@vitejs/plugin-react';
 import { defineConfig } from 'vite';
 import dts from 'vite-plugin-dts';