Fix compillation errors

Author: EmilFattakhov

web-app/components/ConnectWalletButton.tsx

@@ -1,11 +1,9 @@
-import { NetworkOptions, useNetworkStore } from '@/store/useStore'
 import { useConnectModal } from '@rainbow-me/rainbowkit'
 import { useEffect, useState } from 'react'
 
 export const ConnectWalletButton: React.FC = () => {
   const [clientSide, setClientSide] = useState(false)
   const { openConnectModal } = useConnectModal()
-  const { network } = useNetworkStore()
 
   useEffect(() => {
     setClientSide(true)

web-app/components/GitHub.tsx

@@ -4,7 +4,7 @@ import { ConnectWalletButton } from '@/components/ConnectWalletButton'
 import { RequestTokenButton } from '@/components/RequestTokenButton'
 import { Web2SocialButton } from '@/components/Web2SocialButton'
 import { Contract } from '@/constants/contracts'
-import { NetworkOptions, useNetworkStore } from '@/store/useStore'
+import { useNetworkStore } from '@/store/useStore'
 import { Check, ExternalLink, Github } from 'lucide-react'
 import Link from 'next/link'
 import { useNetwork } from 'wagmi'
@@ -18,7 +18,6 @@ interface GitHubProps {
 }
 
 export const GitHub: React.FC<GitHubProps> = ({ isConnected, isGitHubFollower, contract, address, setActiveTab }) => {
-  const { network } = useNetworkStore()
   const { chain } = useNetwork()
   return (
     <div className='space-y-6'>

web-app/components/Header.tsx

@@ -1,8 +1,6 @@
-import { NetworkOptions, useNetworkStore } from '@/store/useStore'
 import Link from 'next/link'
 
 export const Header: React.FC = () => {
-  const { network } = useNetworkStore()
   const networkText = 'Auto-EVM'
 
   return (

web-app/components/Navbar.tsx

@@ -1,17 +1,13 @@
 import { ConnectEVMWallet } from '@/components/ConnectEVMWallet'
-import useWallet from '@/hooks/useWallet'
-import { NetworkOptions, useNetworkStore } from '@/store/useStore'
+import { NetworkOptions } from '@/store/useStore'
 import { useMemo } from 'react'
 import { LogoIcon } from './LogoIcon'
 import NetworkDropdown from './NetworkDropdown'
 
 export const Navbar: React.FC = () => {
-  const { network } = useNetworkStore()
-  const { actingAccount } = useWallet()
-
   const walletsButton = useMemo(() => {
     return <ConnectEVMWallet />
-  }, [network, actingAccount])
+  }, [])
 
   return (
     <header className='container mx-auto py-6 px-4 flex justify-between items-center'>

web-app/components/RequestTokenButton.tsx

@@ -3,7 +3,7 @@
 import { ToastContent } from '@/components/ToastContent'
 import { TokenRequested } from '@/components/TokenRequested'
 import { Contract } from '@/constants/contracts'
-import { NetworkOptions, useNetworkStore } from '@/store/useStore'
+import { useNetworkStore } from '@/store/useStore'
 import { formatSeconds } from '@/utils/time'
 import { useSession } from 'next-auth/react'
 import { useEffect, useState } from 'react'

web-app/components/TokenCard.tsx

@@ -18,7 +18,6 @@ export const TokenCard: React.FC = () => {
   const { chain } = useNetwork()
   const { data: session } = useSession()
   const { network, activeTab, setActiveTab } = useNetworkStore()
-  const { actingAccount } = useWallet()
 
   const contract = useMemo(() => {
     if (chain && network === NetworkOptions.AUTO_EVM) {