chore: install mono font used in figma

Author: brettkolodny

package.json

@@ -11,6 +11,7 @@
  },
  "dependencies": {
  "@fontsource-variable/inter": "^5.2.5",
+ "@fontsource/dm-mono": "^5.2.5",
  "@microlink/react-json-view": "^1.26.2",
  "@radix-ui/react-dialog": "^1.1.14",
  "@radix-ui/react-dropdown-menu": "^2.1.15",

pnpm-lock.yaml

@@ -1,11 +1,11 @@
-// @ts-expect-error TODO: create types for this
 import "@fontsource-variable/inter";
+import "@fontsource/dm-mono";
 import { TooltipProvider } from "@/components/Tooltip";
+import { ThemeProvider } from "@/contexts/theme.tsx";
 import { StrictMode } from "react";
 import { createRoot } from "react-dom/client";
-import { App } from "./App.tsx";
-import { ThemeProvider } from "@/contexts/theme.tsx";
 import { BrowserRouter } from "react-router";
+import { App } from "./App.tsx";
 
 const root = document.getElementById("root");
 

src/main.tsx

@@ -10,6 +10,7 @@ module.exports = {
 extend: {
 fontFamily: {
 sans: `"Inter Variable", system-ui, sans-serif`,
+mono: `"DM Mono", system-mono, monospace`,
 },
 size: {
 "icon-lg": "1.5rem",