refactor: migrate project to TypeScript and translate comments to English

app/layout.tsx

@@ -0,0 +1,35 @@
+import type {Metadata, Viewport} from 'next';
+import type {ReactNode} from 'react';
+import {Vazirmatn} from 'next/font/google';
+import './globals.css';
+import Providers from './providers';
+
+const vazirmatn = Vazirmatn({
+    subsets: ['arabic'],
+    variable: '--font-vazirmatn',
+    display: 'swap',
+});
+
+
+export const metadata: Metadata = {
+    title: 'روبات مارکت | دستگاه‌های وندینگ هوشمند',
+    description:
+        'روبات مارکت؛ دستگاه‌های فروش خودکار هوشمند با مدیریت آنلاین، تحویل نرم و طراحی مدرن.',
+};
+
+
+export const viewport: Viewport = {
+    themeColor: '#00a693',
+};
+
+
+export default function RootLayout({children}: {children: ReactNode}) {
+
+    return (
+        <html lang="fa" dir="rtl" className={`${vazirmatn.variable} light`} suppressHydrationWarning>
+        <body className="bg-page text-primary antialiased transition-colors duration-300">
+        <Providers>{children}</Providers>
+        </body>
+        </html>
+    );
+}