added toastify to signin and signup

src/App.js

@@ -1,26 +1,29 @@
-import Navbar from './components/Navbar'
-import {BrowserRouter as Router,Routes, Route} from 'react-router-dom'
-import Explore from './pages/Explore'
-import Profile from './pages/Profile'
-import ForgotPassword from './pages/ForgotPassword'
-import Offers from './pages/Offers'
-import Signin from './pages/Signin'
-import Signup from './pages/Signup'
+import { BrowserRouter as Router, Routes, Route } from "react-router-dom";
+import { ToastContainer } from "react-toastify";
+import "react-toastify/dist/ReactToastify.css";
+import Navbar from "./components/Navbar";
+import Explore from "./pages/Explore";
+import Profile from "./pages/Profile";
+import ForgotPassword from "./pages/ForgotPassword";
+import Offers from "./pages/Offers";
+import Signin from "./pages/Signin";
+import Signup from "./pages/Signup";
 
 function App() {
   return (
     <>
       <Router>
         <Routes>
-          <Route path='/' element={<Explore />}/>
-          <Route path='/offers' element={<Offers />}/>
-          <Route path='/profile' element={<Profile />}/>
-          <Route path='/sign-in' element={<Signin />}/>
-          <Route path='/sign-up' element={<Signup />}/>
-          <Route path='/forgot-password' element={<ForgotPassword />}/>
-          </Routes>
-        <Navbar/>
-        </Router>
+          <Route path="/" element={<Explore />} />
+          <Route path="/offers" element={<Offers />} />
+          <Route path="/profile" element={<Profile />} />
+          <Route path="/sign-in" element={<Signin />} />
+          <Route path="/sign-up" element={<Signup />} />
+          <Route path="/forgot-password" element={<ForgotPassword />} />
+        </Routes>
+        <Navbar />
+      </Router>
+      <ToastContainer />
     </>
   );
 }