Switch app font to JetBrains Mono

src/main.tsx

@@ -1,5 +1,6 @@
 import React from 'react';
 import { createRoot } from 'react-dom/client';
+import '@fontsource-variable/jetbrains-mono';
 import { App } from './app/App';
 import './styles/app.css';
 

src/styles/app.css

@@ -17,15 +17,14 @@
   --border-strong: #343b49;
   --focus-ring: #3b82f6;
   font-family:
-    Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI",
-    sans-serif;
+    "JetBrains Mono Variable", "JetBrains Mono", ui-monospace, SFMono-Regular, Consolas,
+    "Liberation Mono", monospace;
   color: #e5e7eb;
   background: #101216;
   font-synthesis: none;
   height: 100%;
   overflow: hidden;
   scrollbar-color: #4b5568 #101216;
-  scrollbar-gutter: stable;
   scrollbar-width: thin;
   text-rendering: optimizeLegibility;
   -webkit-font-smoothing: antialiased;
@@ -695,8 +694,7 @@ button:disabled {
   background: #101216;
   box-shadow: none;
   overflow-x: hidden;
-  overflow-y: scroll;
-  scrollbar-gutter: stable;
+  overflow-y: auto;
   padding: 14px 18px 20px;
 }