Implement toast to project

hotel-management/src/App.tsx

@@ -1,6 +1,7 @@
 import { BrowserRouter, Navigate, Route, Routes } from 'react-router-dom';
 import isPropValid from '@emotion/is-prop-valid';
 import { StyleSheetManager } from 'styled-components';
+import { Toaster } from 'react-hot-toast';
 
 // Components
 import AppLayout from './components/AppLayout';
@@ -28,6 +29,25 @@ function App() {
           </Routes>
         </BrowserRouter>
       </StyleSheetManager>
+
+      <Toaster
+        position="top-center"
+        gutter={12}
+        containerStyle={{ margin: '8px', zIndex: 1 }}
+        toastOptions={{
+          success: {
+            duration: 3000,
+          },
+          error: {
+            duration: 5000,
+          },
+          style: {
+            fontSize: '16px',
+            maxWidth: '500px',
+            padding: '16px 24px',
+          },
+        }}
+      />
     </>
   );
 }