feat: sdk migration in progress

ui/src/providers/index.tsx

@@ -0,0 +1,18 @@
+import type { ReactNode } from "react"
+import { ThemeProvider } from "@/providers/theme-provider.tsx"
+import { QueryClient, QueryClientProvider } from "@tanstack/react-query"
+
+import { Toaster } from "@/components/ui/sonner.tsx"
+
+const queryClient = new QueryClient()
+
+export const Providers = ({ children }: { children: ReactNode }) => {
+  return (
+    <QueryClientProvider client={queryClient}>
+      <ThemeProvider defaultTheme="system" storageKey="dragon-theme">
+        {children}
+        <Toaster richColors expand position="top-center" />
+      </ThemeProvider>
+    </QueryClientProvider>
+  )
+}

ui/src/providers/theme-provider.tsx

@@ -0,0 +1,26 @@
+import type { ReactNode } from "react"
+import { ThemeProvider as NextThemesProvider } from "next-themes"
+
+export type Theme = "light" | "dark" | "system"
+
+export function ThemeProvider({
+  children,
+  defaultTheme = "system",
+  storageKey = "vite-ui-theme",
+}: {
+  children: ReactNode
+  defaultTheme?: Theme
+  storageKey?: string
+}) {
+  return (
+    <NextThemesProvider
+      attribute="class"
+      defaultTheme={defaultTheme}
+      enableSystem
+      storageKey={storageKey}
+      disableTransitionOnChange
+    >
+      {children}
+    </NextThemesProvider>
+  )
+}