fix: roboto font, column scrolling fixed, column input width

src/theme.ts

@@ -1,3 +1,4 @@
+import { Roboto } from "next/font/google";
 import { createTheme, MantineColorsTuple } from "@mantine/core";
 
 export const myColor: MantineColorsTuple = [
@@ -14,9 +15,17 @@ export const myColor: MantineColorsTuple = [
 ];
 
 const radius = "md";
-// const size = "md";
+
+const font = Roboto({
+    subsets: ["latin"],
+    weight: ["400"],
+});
 
 export const theme = createTheme({
+    fontFamily: `${font.style.fontFamily}, sans-serif`,
+    headings: {
+        fontFamily: `${font.style.fontFamily}, sans-serif`,
+    },
     colors: {
         myColor,
     },