wip: small updates

apps/desktop2/src/app.tsx

@@ -1,4 +1,3 @@
-import { StorageProvider } from "@lume/storage";
 import { useArk } from "@lume/ark";
 import { ArkProvider } from "./ark";
 import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
@@ -8,17 +7,21 @@ import ReactDOM from "react-dom/client";
 import { I18nextProvider } from "react-i18next";
 import "./app.css";
 import i18n from "./locale";
-
-// Import the generated route tree
-import { routeTree } from "./router.gen";
+import { Toaster } from "sonner";
+import { locale, platform } from "@tauri-apps/plugin-os";
+import { routeTree } from "./router.gen"; // auto generated file
 
 const queryClient = new QueryClient();
+const platformName = await platform();
+const osLocale = (await locale()).slice(0, 2);
 
 // Set up a Router instance
 const router = createRouter({
   routeTree,
   context: {
     ark: undefined!,
+    platform: platformName,
+    locale: osLocale,
     queryClient,
   },
 });
@@ -51,11 +54,10 @@ if (!rootElement.innerHTML) {
   root.render(
     <I18nextProvider i18n={i18n} defaultNS={"translation"}>
       <QueryClientProvider client={queryClient}>
-        <StorageProvider>
-          <StrictMode>
-            <App />
-          </StrictMode>
-        </StorageProvider>
+        <StrictMode>
+          <Toaster position="top-center" richColors />
+          <App />
+        </StrictMode>
       </QueryClientProvider>
     </I18nextProvider>,
   );