Upload pages/_app.js with huggingface_hub

pages/_app.js

@@ -1,20 +1,8 @@
-import { useEffect } from 'react'
-import { Toaster } from 'react-hot-toast'
 import '../styles/globals.css'
+import { Toaster } from 'react-hot-toast'
+import { motion } from 'framer-motion'
 
-function MyApp({ Component, pageProps }) {
-  useEffect(() => {
-    // Initialize RTL and Persian language
-    document.documentElement.dir = 'rtl'
-    document.documentElement.lang = 'fa'
-    
-    // Load Persian font
-    const link = document.createElement('link')
-    link.href = 'https://fonts.googleapis.com/css2?family=Vazirmatn:wght@100;200;300;400;500;600;700;800;900&display=swap'
-    link.rel = 'stylesheet'
-    document.head.appendChild(link)
-  }, [])
-
+export default function App({ Component, pageProps }) {
   return (
     <>
       <Component {...pageProps} />
@@ -23,14 +11,24 @@ function MyApp({ Component, pageProps }) {
         toastOptions={{
           duration: 4000,
           style: {
-            background: '#363636',
+            background: '#1f2937',
             color: '#fff',
-            fontFamily: 'Vazirmatn, sans-serif',
+            border: '1px solid #374151',
+          },
+          success: {
+            iconTheme: {
+              primary: '#10b981',
+              secondary: '#fff',
+            },
+          },
+          error: {
+            iconTheme: {
+              primary: '#ef4444',
+              secondary: '#fff',
+            },
           },
 
       />
     </>
   )
-}
-
-export default MyApp
+}