mantine kjhkjh

src/App.tsx

@@ -17,6 +17,8 @@ import toast, { Toaster } from 'react-hot-toast';
 import { TUser } from './context/UserContext';
 import PasswordReset from './components/PasswordReset';
 import WantNewPw from './components/WantNewPw';
+import { MantineProvider } from '@mantine/core';
+import { NotificationsProvider } from '@mantine/notifications';
 
 const App: React.FC = () => 
 {
@@ -47,6 +49,8 @@ const App: React.FC = () =>
   }
   
   return (
+    <MantineProvider withNormalizeCSS withGlobalStyles>
+    <NotificationsProvider position="top-center" >       
     <div className="App">
           <div className="col middle">
             <BrowserRouter basename='/dog/'>
@@ -71,6 +75,8 @@ const App: React.FC = () =>
           </div>
         
     </div>
+    </NotificationsProvider>
+    </MantineProvider>
   );
 }