fix lint and prettier

apps/mobile/src/app/App.tsx

@@ -4,12 +4,11 @@ import {starknetChainId, useAccount} from '@starknet-react/core';
 import * as Font from 'expo-font';
 import * as SplashScreen from 'expo-splash-screen';
 import {useCallback, useEffect, useState} from 'react';
-import {View, Platform} from 'react-native';
-import {useNavigationContainerRef} from '@react-navigation/native';
+import {View} from 'react-native';
+
 import {useTips} from '../hooks';
 import {useDialog, useToast} from '../hooks/modals';
 import {Router} from './Router';
-import {initGoogleAnalytics} from '../utils/analytics';
 
 SplashScreen.preventAutoHideAsync();
 

apps/mobile/src/app/Router.tsx

@@ -1,71 +1,62 @@
 // Hooks
-import {useEffect, useMemo, useRef} from 'react';
-import {useWindowDimensions, View, Platform} from 'react-native';
-import {useStyles, useTheme} from '../hooks';
-
 // Navigation Components
 import {createBottomTabNavigator} from '@react-navigation/bottom-tabs';
 import {createDrawerNavigator} from '@react-navigation/drawer';
 import {NavigationContainer, useNavigation, useRoute} from '@react-navigation/native';
+import {useNavigationContainerRef} from '@react-navigation/native';
 import {createNativeStackNavigator} from '@react-navigation/native-stack';
+import {useAuth} from 'afk_nostr_sdk';
+import {useEffect, useMemo, useRef} from 'react';
+import {Platform, useWindowDimensions, View} from 'react-native';
+// Styles
+import {StyleSheet} from 'react-native';
 
+// import RightSidebar from '../modules/Layout/RightSideBar';
+// Components
+import {Icon} from '../components';
+// import { retrievePublicKey } from '../utils/storage';
+// Icons
+import {IconNames} from '../components/Icon';
+import {Navbar} from '../components/Navbar';
+import {useStyles, useTheme} from '../hooks';
 // Modules and Layout
 import GroupChatDetail from '../modules/Group/groupDetail/GroupChatDetail';
 import GroupChatGroupRequest from '../modules/Group/memberAction/ViewRequest';
 import GroupChat from '../modules/Group/message/GroupMessage';
 import AuthSidebar from '../modules/Layout/auth-sidebar';
 import Sidebar from '../modules/Layout/sidebar';
-import RightSidebar from '../modules/Layout/RightSideBar';
 import ShortVideosModule from '../modules/ShortVideos';
-// import RightSidebar from '../modules/Layout/RightSideBar';
-
-// Components
-import {Icon} from '../components';
-import {Navbar} from '../components/Navbar';
-
 // Screens
 import {CreateAccount} from '../screens/Auth/nostr/CreateAccount';
 import {ImportKeys} from '../screens/Auth/nostr/ImportKeys';
 import {LoginNostr} from '../screens/Auth/nostr/LoginNostr';
 import {SaveKeys} from '../screens/Auth/nostr/SaveKeys';
+import {CashuScreen} from '../screens/Cashu';
 import {ChannelDetail} from '../screens/ChannelDetail';
 import {ChannelsFeed} from '../screens/ChannelsFeed';
 import {CreateChannel} from '../screens/CreateChannel';
 import {CreateForm} from '../screens/CreateForm';
 import {CreatePost} from '../screens/CreatePost';
+import {DappBrowserScreen} from '../screens/DappBrowser';
 import {Defi} from '../screens/Defi';
 import {EditProfile} from '../screens/EditProfile';
 import {Feed} from '../screens/Feed';
 import {Games} from '../screens/Games';
 import {LaunchDetail} from '../screens/LaunchDetail';
 import {LightningNetworkScreen} from '../screens/Lightning';
+import {Onboarding} from '../screens/Onboarding';
 import {PostDetail} from '../screens/PostDetail';
 import {Profile} from '../screens/Profile';
 import {Search} from '../screens/Search';
 import {Settings} from '../screens/Settings';
+import {TagsView} from '../screens/Tags';
 import {Tips} from '../screens/Tips';
-import {CashuScreen} from '../screens/Cashu';
-import {WalletBTC} from '../screens/WalletBTC';
 import {Wallet} from '../screens/Wallet';
-import {DappBrowserScreen} from '../screens/DappBrowser';
-
-
-
-// Styles
-import {StyleSheet} from 'react-native';
+import {WalletBTC} from '../screens/WalletBTC';
 import {ThemedStyleSheet} from '../styles';
-
 // Utilities
 import {AuthStackParams, HomeBottomStackParams, MainStackParams, RootStackParams} from '../types';
-import {useNavigationContainerRef} from '@react-navigation/native';
-// import { retrievePublicKey } from '../utils/storage';
-
-// Icons
-import {IconNames} from '../components/Icon';
-import {useAuth} from 'afk_nostr_sdk';
-import {Onboarding} from '../screens/Onboarding';
 import {initGoogleAnalytics, logPageView} from '../utils/analytics';
-import {TagsView} from '../screens/Tags';
 
 type TabBarIconProps = {
   focused: boolean;
@@ -408,7 +399,6 @@ const linking = {
           SaveKeys: 'save-keys',
           ImportKeys: 'import-keys',
           DappBrowser: 'browser',
-
         },
       },
       MainStack: {

apps/mobile/src/app/SiweUtils.ts

@@ -1,14 +1,15 @@
 /* eslint-disable @typescript-eslint/no-unused-vars */
 
-import {generateRandomBytes32} from '@walletconnect/utils';
+import AsyncStorage from '@react-native-async-storage/async-storage';
 import {
+  type SIWECreateMessageArgs,
+  type SIWEVerifyMessageArgs,
   createSIWEConfig,
   formatMessage,
-  type SIWEVerifyMessageArgs,
-  type SIWECreateMessageArgs,
 } from '@reown/appkit-siwe-react-native';
+import {generateRandomBytes32} from '@walletconnect/utils';
+
 import {chains} from './WagmiUtils';
-import AsyncStorage from '@react-native-async-storage/async-storage';
 
 const LOGGED_IN_KEY = '@appkit/logged_in';
 const SESSION_KEY = '@appkit/session';

apps/mobile/src/app/StripeProviderContext.tsx

@@ -1,35 +1,29 @@
-import { StripeProvider } from '@stripe/stripe-react-native';
-import { PropsWithChildren, useEffect, useState } from 'react';
-import * as Linking from 'expo-linking';
+import {StripeProvider} from '@stripe/stripe-react-native';
 import Constants from 'expo-constants';
-const EXPO_PUBLIC_MERCHANT_ID_APPLE = process.env.EXPO_PUBLIC_MERCHANT_ID_APPLE
-export const StripeProviderContext: React.FC<PropsWithChildren> = ({ children }) => {
-    const [publishableKey, setPublishableKey] = useState('');
-
-    const fetchPublishableKey = async () => {
-        // const key = await fetchKey(); // fetch key from your server here
-        // setPublishableKey(key);
-    };
-
-    useEffect(() => {
-        fetchPublishableKey();
-    }, []);
+import * as Linking from 'expo-linking';
+import {PropsWithChildren, useEffect, useState} from 'react';
+const EXPO_PUBLIC_MERCHANT_ID_APPLE = process.env.EXPO_PUBLIC_MERCHANT_ID_APPLE;
+export const StripeProviderContext: React.FC<PropsWithChildren> = ({children}) => {
+  const [publishableKey, setPublishableKey] = useState('');
 
-    const urlScheme =
-        Constants.appOwnership === 'expo'
-            ? Linking.createURL('/--/')
-            : Linking.createURL('')
-    return (
-        <StripeProvider
-            publishableKey={publishableKey}
-            merchantIdentifier={EXPO_PUBLIC_MERCHANT_ID_APPLE ?? "merchant.identifier"} // required for Apple Pay
-            urlScheme={urlScheme ?? "your-url-scheme"}// required for 3D Secure and bank redirects
-        >
+  const fetchPublishableKey = async () => {
+    // const key = await fetchKey(); // fetch key from your server here
+    // setPublishableKey(key);
+  };
 
-            <>
-                {children}
-            </>
+  useEffect(() => {
+    fetchPublishableKey();
+  }, []);
 
-        </StripeProvider>
-    );
-}
+  const urlScheme =
+    Constants.appOwnership === 'expo' ? Linking.createURL('/--/') : Linking.createURL('');
+  return (
+    <StripeProvider
+      publishableKey={publishableKey}
+      merchantIdentifier={EXPO_PUBLIC_MERCHANT_ID_APPLE ?? 'merchant.identifier'} // required for Apple Pay
+      urlScheme={urlScheme ?? 'your-url-scheme'} // required for 3D Secure and bank redirects
+    >
+      <>{children}</>
+    </StripeProvider>
+  );
+};

apps/mobile/src/app/WagmiUtils.ts

@@ -1,17 +1,17 @@
 import {CreateConfigParameters} from 'wagmi';
 import {
   arbitrum,
-  mainnet,
-  polygon,
+  aurora,
   avalanche,
-  bsc,
-  optimism,
-  gnosis,
-  zora,
   base,
+  bsc,
   celo,
-  aurora,
+  gnosis,
+  mainnet,
+  optimism,
+  polygon,
   sepolia,
+  zora,
 } from 'wagmi/chains';
 
 export const chains = [

apps/mobile/src/app/Wrapper.tsx

@@ -1,35 +1,34 @@
-import { QueryClient } from '@tanstack/react-query';
-import { TanstackProvider } from 'afk_nostr_sdk';
-import { NostrProvider } from 'afk_nostr_sdk';
-import { GestureHandlerRootView } from 'react-native-gesture-handler';
-import { Host as PortalizeProvider } from 'react-native-portalize';
-import { SafeAreaProvider } from 'react-native-safe-area-context';
+import {QueryClient} from '@tanstack/react-query';
+import {TanstackProvider} from 'afk_nostr_sdk';
+import {NostrProvider} from 'afk_nostr_sdk';
+import {GestureHandlerRootView} from 'react-native-gesture-handler';
+import {Host as PortalizeProvider} from 'react-native-portalize';
+import {SafeAreaProvider} from 'react-native-safe-area-context';
 
-import { RootScreenContainer } from '../components';
-import { DialogProvider } from '../context/Dialog';
-import { KeyModalProvider } from '../context/KeysModal';
-import { ThemeProvider } from '../context/Theme';
-import { TipModalProvider } from '../context/TipModal';
-import { TipModalStarknetProvider } from '../context/TipModalStarknet';
-import { ToastProvider } from '../context/Toast/ToastContext';
-import { TokenCreateModalProvider } from '../context/TokenCreateModal';
-import { TransactionModalProvider } from '../context/TransactionModal';
-import { WalletModalProvider } from '../context/WalletModal';
+import {RootScreenContainer} from '../components';
+import {DialogProvider} from '../context/Dialog';
+import {KeyModalProvider} from '../context/KeysModal';
+import {LoginModalProvider} from '../context/LoginModalProvider';
+import {ModalParentProvider} from '../context/modal/ModalParent';
+import {SwapModalEVMProvider} from '../context/SwapModalProvider';
+import {ThemeProvider} from '../context/Theme';
+import {TipModalProvider} from '../context/TipModal';
+import {TipModalStarknetProvider} from '../context/TipModalStarknet';
+import {ToastProvider} from '../context/Toast/ToastContext';
+import {TokenCreateModalProvider} from '../context/TokenCreateModal';
+import {TransactionModalProvider} from '../context/TransactionModal';
+import {WalletModalProvider} from '../context/WalletModal';
+import {WalletModalEVMProvider} from '../context/WalletModalEvmProvider';
+import {CashuProvider} from '../providers/CashuProvider';
 import App from './App';
-import { StarknetProvider } from './StarknetProvider';
-import { ModalParentProvider } from '../context/modal/ModalParent';
-import { EVMProvider } from './EVMProvider';
-import { WalletModalEVMProvider } from '../context/WalletModalEvmProvider';
-import { CashuProvider } from '../providers/CashuProvider';
-import { dynamicClient } from './DynamicClient';
-import { SwapModalEVMProvider } from '../context/SwapModalProvider';
-import { LoginModalProvider } from '../context/LoginModalProvider';
+import {EVMProvider} from './EVMProvider';
+import {StarknetProvider} from './StarknetProvider';
 
 const queryClient = new QueryClient({
-  defaultOptions: { queries: { retry: 2 } },
+  defaultOptions: {queries: {retry: 2}},
 });
 
-const ModalProviders = ({ children }: { children: React.ReactNode }) => {
+const ModalProviders = ({children}: {children: React.ReactNode}) => {
   return (
     <ToastProvider>
       <WalletModalEVMProvider>
@@ -57,7 +56,7 @@ const ModalProviders = ({ children }: { children: React.ReactNode }) => {
 
 export const Wrapper: React.FC = () => {
   return (
-    <GestureHandlerRootView style={{ flex: 1 }}>
+    <GestureHandlerRootView style={{flex: 1}}>
       <ThemeProvider>
         <NostrProvider>
           <TanstackProvider>

apps/mobile/src/assets/icons.tsx

@@ -1,4 +1,4 @@
-import Svg, {G, Path, Polygon, Rect, SvgProps} from 'react-native-svg';
+import Svg, {G, Path, Rect, SvgProps} from 'react-native-svg';
 
 export const AddPostIcon: React.FC<SvgProps> = (props) => (
   <Svg viewBox="0 0 72 72" fill="none" {...props}>

apps/mobile/src/components/AddressComponent/index.tsx

@@ -1,9 +1,10 @@
-import React from 'react';
-import {View, Text, TouchableOpacity, StyleSheet, Alert} from 'react-native';
 // import Clipboard from '@react-native-clipboard/clipboard';
 import {MaterialIcons} from '@expo/vector-icons';
-import stylesheet from './styles';
+import React from 'react';
+import {Alert, Text, TouchableOpacity, View} from 'react-native';
+
 import {useStyles} from '../../hooks';
+import stylesheet from './styles';
 
 interface AddressProps {
   address: string;

apps/mobile/src/components/AddressComponent/styles.ts

@@ -1,4 +1,4 @@
-import {Spacing, ThemedStyleSheet} from '../../styles';
+import {ThemedStyleSheet} from '../../styles';
 
 export default ThemedStyleSheet((theme) => ({
   container: {

apps/mobile/src/components/LaunchPad/TokenHolderDetail/index.tsx

@@ -1,12 +1,12 @@
+import {feltToAddress} from 'common';
 import {FlatList, View} from 'react-native';
 
 import {useStyles} from '../../../hooks';
 import {TokenHoldersInterface} from '../../../types/keys';
+import {AddressComponent} from '../../AddressComponent';
+import Loading from '../../Loading';
 import {Text} from '../../Text';
 import stylesheet from './styles';
-import Loading from '../../Loading';
-import {feltToAddress} from 'common';
-import {AddressComponent} from '../../AddressComponent';
 
 export type HoldersProps = {
   loading: boolean;

apps/mobile/src/components/LaunchPad/TokenStats/index.tsx

@@ -1,11 +1,10 @@
-import {FlatList, View} from 'react-native';
+import {View} from 'react-native';
+
 import {useStyles} from '../../../hooks';
 import {TokenStatsInterface} from '../../../types/keys';
+import Loading from '../../Loading';
 import {Text} from '../../Text';
 import stylesheet from './styles';
-import {Fraction} from '@uniswap/sdk-core';
-import {decimalsScale} from '../../../utils/helpers';
-import Loading from '../../Loading';
 
 export type TokenStatsProps = {
   loading: boolean;

apps/mobile/src/components/LaunchPad/TokenStats/styles.ts

@@ -1,4 +1,4 @@
-import {Spacing, ThemedStyleSheet} from '../../../styles';
+import {ThemedStyleSheet} from '../../../styles';
 export default ThemedStyleSheet((theme) => ({
   card: {
     backgroundColor: theme.colors.background,

apps/mobile/src/components/LaunchPad/TokenTx/index.tsx

@@ -2,9 +2,9 @@ import {FlatList, View} from 'react-native';
 
 import {useStyles} from '../../../hooks';
 import {TokenTxInterface} from '../../../types/keys';
+import Loading from '../../Loading';
 import {Text} from '../../Text';
 import stylesheet from './styles';
-import Loading from '../../Loading';
 
 export type TokenTxProps = {
   loading: boolean;

apps/mobile/src/components/LaunchPad/UserShare/index.tsx

@@ -1,14 +1,14 @@
-import {FlatList, Pressable, View} from 'react-native';
+import {useEffect, useState} from 'react';
+import {Pressable, View} from 'react-native';
+import {useAccount} from 'wagmi';
 
 import {useStyles, useWaitConnection} from '../../../hooks';
+import {useGetShares} from '../../../hooks/api/indexer/useUserShare';
+import {useWalletModal} from '../../../hooks/modals';
 import {TokenStatsInterface, UserShareInterface} from '../../../types/keys';
+import Loading from '../../Loading';
 import {Text} from '../../Text';
 import stylesheet from './styles';
-import Loading from '../../Loading';
-import {useGetShares} from '../../../hooks/api/indexer/useUserShare';
-import {useAccount} from 'wagmi';
-import {useEffect, useState} from 'react';
-import {useWalletModal} from '../../../hooks/modals';
 
 export type UserShareProps = {
   loading: boolean;