Fix jwt-token

client/src/App.jsx

@@ -19,28 +19,40 @@ function App() {
         <Router basename={process.env.NODE_ENV === 'production' ? '/drones' : ''}>
           <div className="App">
             <Toaster 
-              position="top-right"
+              position="top-center"
               toastOptions={{
-                duration: 4000,
+                duration: 3000, // Shorter duration for mobile
                 style: {
                   background: '#363636',
                   color: '#fff',
+                  maxWidth: '90vw', // Limit width on mobile
+                  fontSize: '14px', // Smaller text on mobile
                 },
                 success: {
-                  duration: 3000,
+                  duration: 2000, // Even shorter for success
                   iconTheme: {
                     primary: '#4ade80',
                     secondary: '#fff',
                   },
                 },
                 error: {
-                  duration: 5000,
+                  duration: 4000, // Moderate duration for errors
                   iconTheme: {
                     primary: '#ef4444',
                     secondary: '#fff',
                   },
                 },
               }}
+              // Limit number of visible toasts to prevent screen overflow
+              gutter={8}
+              containerStyle={{
+                top: '1rem',
+                left: '1rem',
+                right: '1rem',
+                bottom: 'auto',
+              }}
+              // Custom container class for responsive styling
+              containerClassName="toast-container"
             />
             
             <Routes>