refactor(data): add mock API adapters, id utility, and toast feedback

app/providers.tsx

@@ -2,6 +2,7 @@
 
 import { QueryClient, QueryClientProvider } from "@tanstack/react-query"
 import { useState } from "react"
+import { Toaster } from "sonner"
 import { GlobalLoginDialog } from "@/components/global-login-dialog"
 import { TooltipProvider } from "@/components/ui/tooltip"
 
@@ -22,6 +23,7 @@ export function Providers({ children }: { children: React.ReactNode }) {
     <QueryClientProvider client={queryClient}>
       <TooltipProvider>
         {children}
+        <Toaster richColors position="top-center" />
         <GlobalLoginDialog />
       </TooltipProvider>
     </QueryClientProvider>