Upload pages/_app.js with huggingface_hub

pages/_app.js

@@ -0,0 +1,36 @@
+import { useEffect } from 'react'
+import { Toaster } from 'react-hot-toast'
+import '../styles/globals.css'
+
+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)
+  }, [])
+
+  return (
+    <>
+      <Component {...pageProps} />
+      <Toaster
+        position="top-right"
+        toastOptions={{
+          duration: 4000,
+          style: {
+            background: '#363636',
+            color: '#fff',
+            fontFamily: 'Vazirmatn, sans-serif',
+          },
+
+      />
+    </>
+  )
+}
+
+export default MyApp