upates on the toast and createorder and allthose things

src/App.jsx

@@ -1,6 +1,6 @@
 import { Suspense, lazy } from 'react';
 import { Toaster } from '@/components/ui/toaster';
-import { Toaster as HotToaster } from 'react-hot-toast';
+import AppToaster from '@/components/third-party/AppToaster';
 import { QueryClientProvider } from '@tanstack/react-query';
 import { queryClientInstance } from '@/lib/query-client';
 import { Navigate, BrowserRouter as Router, Route, Routes } from 'react-router-dom';
@@ -177,10 +177,11 @@ function App() {
             <AuthenticatedApp />
           </Router>
           <Toaster />
-          {/* The design system's `toast` helper wraps react-hot-toast, which needs
-              its own renderer mounted. Without this every toast in the app fires
-              into nothing — including the data layer's failure notices. */}
-          <HotToaster position="bottom-right" />
+          {/* Every toast in the app (OpenToast, the design system's `toast`,
+              direct react-hot-toast calls) renders here: top-right, one card
+              design. Without a mounted renderer every toast fires into
+              nothing — including the data layer's failure notices. */}
+          <AppToaster />
         </ZoneProvider>
       </QueryClientProvider>
     </AuthProvider>