changing the font to open sans for typography in theme.ts, and making the toggled one bold

src/theme/theme.ts

@@ -17,6 +17,20 @@ const baseTheme: ThemeOptions = {
       paper: '#f5f5f5',
     },
   },
+  typography: {
+    fontFamily: [
+      "Open Sans",
+      "-apple-system",
+      "BlinkMacSystemFont",
+      '"Segoe UI"',
+      '"Helvetica Neue"',
+      "Arial",
+      "sans-serif",
+      '"Apple Color Emoji"',
+      '"Segoe UI Emoji"',
+      '"Segoe UI Symbol"'
+    ].join(",")
+  }
   // Add other options if needed
 };