Fix wallet connection circular dependency error by removing duplicate AppContext and fixing Toast initialization order

Co-authored-by: 0xrinegade <[email protected]>

Author: Copilot

src/App.js

@@ -7,7 +7,7 @@ import './styles/guided-workflow.css';
 import './styles/wallet-connection-guide.css';
 
 // Import components
-import { AppContext } from './AppContext';
+import { AppContext } from './contexts/AppContext';
 import { NetworkSelector } from './components/NetworkSelector';
 import { OfferCreation } from './components/OfferCreation';
 import { OfferList } from './components/OfferList';

src/AppContext.js

@@ -1,5 +1,5 @@
 import React, { useContext } from 'react';
-import { AppContext } from '../AppContext';
+import { AppContext } from '../contexts/AppContext';
 import { usePhantomWallet } from '../contexts/PhantomWalletProvider';
 
 /**

src/components/ProgramDebugInfo.js

@@ -24,6 +24,11 @@ export const Toast = ({
   const [isVisible, setIsVisible] = useState(true);
   const [progress, setProgress] = useState(100);
 
+  const handleClose = useCallback(() => {
+    setIsVisible(false);
+    setTimeout(() => onClose?.(), 300); // Allow fade out animation
+  }, [onClose]);
+
   useEffect(() => {
     if (duration > 0) {
       const interval = setInterval(() => {
@@ -42,11 +47,6 @@ export const Toast = ({
     }
   }, [duration, handleClose]);
 
-  const handleClose = useCallback(() => {
-    setIsVisible(false);
-    setTimeout(() => onClose?.(), 300); // Allow fade out animation
-  }, [onClose]);
-
   const getToastIcon = () => {
     switch (type) {
       case 'success':