Feature: Added Undo option after transaction deletes

package.json

@@ -21,18 +21,20 @@
     "react-hot-toast": "^2.5.2",
     "react-icons": "^5.5.0",
     "react-router-dom": "^7.6.3",
-    "styled-jsx": "^5.1.7",
-    "tailwindcss": "^4.1.11"
+    "styled-jsx": "^5.1.7"
   },
   "devDependencies": {
     "@eslint/js": "^9.29.0",
+    "@tailwindcss/postcss": "^4.1.11",
     "@types/react": "^19.1.8",
     "@types/react-dom": "^19.1.6",
     "@vitejs/plugin-react": "^4.5.2",
+    "autoprefixer": "^10.4.21",
     "eslint": "^9.29.0",
     "eslint-plugin-react-hooks": "^5.2.0",
     "eslint-plugin-react-refresh": "^0.4.20",
     "globals": "^16.2.0",
+    "tailwindcss": "^4.1.11",
     "vite": "^7.0.0"
   }
 }

src/App.jsx

@@ -1,9 +1,12 @@
-import { BrowserRouter as Router, Routes, Route } from 'react-router-dom';
-import HomePage from './components/HomePage';
-import Dashboard from './components/Dashboard';
-import { TransactionProvider } from './components/TransactionContext';
-import { Toaster } from 'react-hot-toast';
+import { BrowserRouter as Router, Routes, Route } from "react-router-dom";
+import HomePage from "./components/HomePage";
+import Dashboard from "./components/Dashboard";
+import { TransactionProvider } from "./components/TransactionContext";
+import { Toaster } from "react-hot-toast";
 import { CurrencyProvider } from "./components/CurrencyContext";
+
+import UndoTransaction from "./components/undoTransactions";
+
 import AboutPage from './components/AboutPage';
 import ContactPage from './components/ContactPage';
 import GoalsPage from './components/GoalsPage';
@@ -18,15 +21,14 @@ import SignupPage from './components/SignupPage';
 
 
 export default function App() {
-
   return (
     <TransactionProvider>
       <CurrencyProvider>
         <Router>
           <Toaster />
           <Routes>
             <Route path="/" element={<HomePage />} />
-            <Route path="/dashboard" element={<Dashboard/>} />
+            <Route path="/dashboard" element={<Dashboard />} />
             <Route path="/about" element={<AboutPage />} />
             <Route path="/contact" element={<ContactPage />} />
             <Route path="/goals" element={<GoalsPage />} />
@@ -41,7 +43,8 @@ export default function App() {
 
           </Routes>
         </Router>
+        <UndoTransaction />
       </CurrencyProvider>
     </TransactionProvider>
   );
-}
+}