style: formatting

Signed-off-by: Timo Glastra <[email protected]>

apps/storybook/.storybook/withDeviceFrameOnWeb.tsx

@@ -1,7 +1,7 @@
 import type { Decorator } from '@storybook/react'
 import React from 'react'
-import { Platform } from 'react-native'
 import { DeviceFrameset } from 'react-device-frameset'
+import { Platform } from 'react-native'
 
 const withDeviceFrameOnWeb: Decorator = (Story, context) => {
   if (Platform.OS !== 'web' || context.parameters.deviceFrame !== true) return <Story />

apps/storybook/components/funke/BiometricsModal.stories.tsx

@@ -1,9 +1,9 @@
 import { Button, Heading, Paragraph, Stack, YStack } from '@package/ui'
+import { useArgs } from '@storybook/addons'
 import type { Meta, StoryObj } from '@storybook/react'
 import React from 'react'
-import { Sheet, View, useTheme } from 'tamagui'
 import { Path, Svg } from 'react-native-svg'
-import { useArgs } from '@storybook/addons'
+import { Sheet, View, useTheme } from 'tamagui'
 
 interface BiometricsModalProps {
   onAcceptBiometrics: () => void

apps/storybook/components/funke/IdCardPinScreen.stories.tsx

@@ -1,20 +1,20 @@
 import {
+  Button,
   Heading,
-  HeroIcons,
   type HeroIcon,
+  HeroIcons,
   Image,
   Page,
   Paragraph,
   ProgressBar,
   Stack,
   XStack,
   YStack,
-  Button,
 } from '@package/ui'
 import type { Meta, StoryObj } from '@storybook/react'
 import React, { useRef, useState } from 'react'
-import { Input, Circle } from 'tamagui'
 import { StyleSheet, type TextInput } from 'react-native'
+import { Circle, Input } from 'tamagui'
 import { LinearGradient } from 'tamagui/linear-gradient'
 
 import { useArgs } from '@storybook/addons'
@@ -140,6 +140,7 @@ const IdCardPinScreen = ({ pinLength, onPinComplete, state, onGoToWallet, userNa
         <Heading variant="title">{title}</Heading>
         <XStack display={state === 'enterPin' ? 'flex' : 'none'} gap="$3" justifyContent="center">
           {pin.map((digit, index) => (
+            // biome-ignore lint/suspicious/noArrayIndexKey: index is the correct key here
             <YStack key={index} maxWidth={35} flex-1 justifyContent="center">
               <Input
                 p="$0"

apps/storybook/components/funke/PinScreen.stories.tsx

@@ -1,8 +1,8 @@
 import { Heading, Page, Paragraph, ProgressBar, XStack, YStack } from '@package/ui'
 import type { Meta, StoryObj } from '@storybook/react'
 import React, { useRef, useState } from 'react'
-import { Input, Circle } from 'tamagui'
 import type { TextInput } from 'react-native'
+import { Circle, Input } from 'tamagui'
 
 interface PinScreenProps {
   pinLength: number

packages/ui/src/content/Icon.tsx

@@ -3,13 +3,13 @@ import type { NumberProp, SvgProps } from 'react-native-svg'
 
 import {
   ArrowPathIcon,
-  LockClosedIcon,
+  ArrowRightIcon,
   GlobeAltIcon,
   IdentificationIcon,
   KeyIcon,
-  StarIcon,
+  LockClosedIcon,
   ShieldCheckIcon,
-  ArrowRightIcon,
+  StarIcon,
 } from 'react-native-heroicons/outline'
 import { styled } from 'tamagui'