debug: add more detailed component rendering logs to track routing flow

Author: SeddikBellamine

src/components/DebugDefaultRoute.tsx

@@ -0,0 +1,10 @@
+import { useEffect } from 'react';
+import { Navigate } from 'react-router-dom';
+
+export function DebugDefaultRoute() {
+  useEffect(() => {
+    console.log('DebugDefaultRoute: Default route hit, redirecting to /my-data');
+  }, []);
+
+  return <Navigate to="/my-data" replace />;
+} 

src/layouts/ConnectWallet.tsx

@@ -3,6 +3,7 @@ import { Button } from '@/components/ui/button';
 import { useLoginLogout } from '@/hooks/useLoginLogout';
 
 export default function ConnectWallet() {
+  console.log('ConnectWallet: Component rendering...');
   const { login } = useLoginLogout();
 
   return (

src/layouts/MainLayout.tsx

@@ -9,8 +9,10 @@ import ConnectWallet from './ConnectWallet.tsx';
 import { DebugRouter } from '@/components/DebugRouter.tsx';
 
 export default function MainLayout() {
+  console.log('MainLayout: Component rendering...');
   useWatchAccount();
   const { isConnected } = useUserStore();
+  console.log('MainLayout: isConnected =', isConnected);
 
   return (
     <div className="flex">

src/router.tsx

@@ -1,11 +1,12 @@
 import Resources from '@/views/resources';
-import { createBrowserRouter, Navigate } from 'react-router-dom';
+import { createBrowserRouter } from 'react-router-dom';
 import MainLayout from './layouts/MainLayout.tsx';
 import ContactList from './views/contact/contactList.tsx';
 import SendMessage from './views/contact/sendMessage.tsx';
 import AddProtectedData from './views/myData/addProtectedData.tsx';
 import ProtectedData from './views/myData/protectedData.tsx';
 import ProtectedDataList from './views/myData/protectedDataList.tsx';
+import { DebugDefaultRoute } from '@/components/DebugDefaultRoute.tsx';
 
 export const router = createBrowserRouter(
   [
@@ -15,7 +16,7 @@ export const router = createBrowserRouter(
         {
           index: true,
           path: '*',
-          element: <Navigate to="/my-data" replace />,
+          element: <DebugDefaultRoute />,
         },
         {
           path: '/my-data',