F(frontend): bundle Vazirmatn locally

src/app/layout.tsx

@@ -1,10 +1,19 @@
 import type { Metadata } from "next";
+import localFont from "next/font/local";
 import Navbar from "@/components/Navbar";
 import Footer from "@/components/Footer";
 import Providers from "@/components/providers";
 import { siteUrl } from "@/lib/site";
 import "../index.css";
 
+const vazirmatn = localFont({
+  src: "./fonts/Vazirmatn-variable.woff2",
+  display: "swap",
+  weight: "100 900",
+  variable: "--font-vazirmatn",
+  fallback: ["Tahoma", "Arial", "sans-serif"],
+});
+
 export const metadata: Metadata = {
   metadataBase: new URL(siteUrl),
   title: {
@@ -22,7 +31,7 @@ export default function RootLayout({
 }>) {
   return (
     <html lang="fa" dir="rtl" suppressHydrationWarning>
-      <body>
+      <body className={`${vazirmatn.variable} font-sans antialiased`}>
         <Providers>
           <Navbar />
           {children}