شرح مختصر للتعديلات اللي عملتها

pages/_app.tsx

@@ -0,0 +1,18 @@
+import '@/styles/globals.css'
+import type { AppProps } from 'next/app'
+import { Toaster } from "@/components/ui/sonner"
+import { ThemeProvider } from '@/components/theme-provider'
+
+export default function App({ Component, pageProps }: AppProps) {
+  return (
+    <ThemeProvider
+      attribute="class"
+      defaultTheme="system"
+      enableSystem
+      disableTransitionOnChange
+    >
+      <Component {...pageProps} />
+      <Toaster />
+    </ThemeProvider>
+  )
+}