fix: prevent duplicate printAppInfo output in StrictMode

Move printAppInfo() from a useEffect in the Root component to a
top-level call in main.tsx. It is a one-time startup side effect,
not tied to any component lifecycle, so it does not belong in React's
render tree where StrictMode double-invokes effects.

Author: gabitoesmiapodo

src/main.tsx

@@ -4,6 +4,7 @@ import ReactDOM from 'react-dom/client'
 
 import NotFound404 from '@/src/components/pageComponents/NotFound404'
 import { routeTree } from '@/src/routeTree.gen'
+import { printAppInfo } from '@/src/utils/printAppInfo'
 
 const router = createRouter({
   routeTree,
@@ -16,6 +17,8 @@ declare module '@tanstack/react-router' {
   }
 }
 
+printAppInfo()
+
 // biome-ignore lint/style/noNonNullAssertion: root element is guaranteed by index.html
 const rootElement = document.getElementById('root')!
 

src/routes/__root.tsx

@@ -1,7 +1,6 @@
 import { chakra, Flex } from '@chakra-ui/react'
 import { createRootRoute, Outlet } from '@tanstack/react-router'
 import { Analytics } from '@vercel/analytics/react'
-import { useEffect } from 'react'
 import { TanStackReactQueryDevtools } from '@/src/components/sharedComponents/dev/TanStackReactQueryDevtools'
 import { TanStackRouterDevtools } from '@/src/components/sharedComponents/dev/TanStackRouterDevtools'
 import { Footer } from '@/src/components/sharedComponents/ui/Footer'
@@ -10,17 +9,11 @@ import { Provider } from '@/src/components/ui/provider'
 import { Toaster } from '@/src/components/ui/toaster'
 import { TransactionNotificationProvider } from '@/src/providers/TransactionNotificationProvider'
 import { Web3Provider } from '@/src/providers/Web3Provider'
-import { printAppInfo } from '@/src/utils/printAppInfo'
-
 export const Route = createRootRoute({
   component: Root,
 })
 
 function Root() {
-  useEffect(() => {
-    printAppInfo()
-  }, [])
-
   return (
     <Provider>
       <Web3Provider>