Update CI workflow for Node.js setup and wrap App component with ToastProvider for notifications

.github/workflows/ci.yml

@@ -9,7 +9,16 @@ jobs:
     runs-on: ubuntu-latest
 
     steps:
-	@@ -24,39 +24,10 @@ jobs:
+      - name: Checkout code
+        uses: actions/checkout@v4
+
+      - name: Setup Node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version: '20'
+          cache: 'npm'
+
+      - name: Install dependencies
         run: npm ci
 
       - name: Run ESLint

src/main.tsx

@@ -4,6 +4,7 @@ import { BrowserRouter } from 'react-router-dom'
 import { QueryClient, QueryClientProvider } from '@tanstack/react-query'
 import App from './App'
 import { ThemeColorsProvider } from './providers/ThemeColorsProvider'
+import { ToastProvider } from './components/Toast'
 import './i18n'
 import './styles/globals.css'
 
@@ -21,7 +22,9 @@ ReactDOM.createRoot(document.getElementById('root')!).render(
     <QueryClientProvider client={queryClient}>
       <BrowserRouter>
         <ThemeColorsProvider>
+          <ToastProvider>
             <App />
+          </ToastProvider>
         </ThemeColorsProvider>
       </BrowserRouter>
     </QueryClientProvider>