feat(ui) : get a bit rounded ui

app/layout.tsx

@@ -5,13 +5,14 @@ import { cn } from "@/lib/utils";
 import { config } from "@/lib/config";
 
 const inter = Inter({
-  variable: "--font-inter",
+  variable: "--font-inter-family",
   subsets: ["latin"],
   display: "swap",
+  adjustFontFallback: false,
 });
 
 const anuphan = Anuphan({
-  variable: "--font-anuphan",
+  variable: "--font-anuphan-family",
   subsets: ["latin", "thai"],
   display: "swap",
 });
@@ -86,11 +87,10 @@ export default function RootLayout({
         "antialiased",
         inter.variable,
         anuphan.variable,
-        "font-sans",
       )}
       suppressHydrationWarning
     >
-      <body className="font-sans" suppressHydrationWarning>
+      <body className="font-app" suppressHydrationWarning>
         <PageProgress />
         <ThemeProvider
           attribute="class"
@@ -99,7 +99,7 @@ export default function RootLayout({
           disableTransitionOnChange
         >
         <TooltipProvider>
-          <Toaster richColors closeButton position="bottom-right" theme="dark" toastOptions={{ className: "font-sans" }} />
+          <Toaster richColors closeButton position="bottom-right" theme="dark" />
           {children}
         </TooltipProvider>
         </ThemeProvider>