All this time our editor has used monospace. Use a real code font (#8076)

* All this time our editor has used `monospace`....wow

Better late then never I guess! We use Source Code Pro elsewhere, so all
this PR does is apply it to the CodeMirror instance. Source Code Pro is
much more suitable for small font sizes, so I actually felt the need to
scale down the base font for the editor after changing it. It was a
little debatable but I went with `text-xs` for higher density. This has
made me realize that we really should make settings for the following
when we have time:
- [ ] setting for app font-size
- [ ] setting for editor font-size
- [ ] setting for editor font-family (maybe could take a URL?)

* Update snapshots

* Actually add Source Code Variable font to the repo

* Move "Inter" font into a public/fonts/ dir

* Fix up CSP merge

* Update snapshots

* Update snapshots

* Fix loft E2E test that broke from text size decrease

Oy vey

* Fix E2E test that broke with font change

Unsure why

* Fix E2E test that broke because it clicked on some random code location

And deleting in another spot after the font size changed happened to not
cause the error this test expected to occur

* Update snapshots

* Update snapshots

---------

Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>

Author: franknoirot

e2e/playwright/code-pane-and-errors.spec.ts

@@ -12,6 +12,7 @@ test.describe('Code pane and errors', () => {
     homePage,
     scene,
     cmdBar,
+    editor,
   }) => {
     const u = await getUtils(page)
 
@@ -41,7 +42,7 @@ extrude001 = extrude(sketch001, length = 5)`
 
     // Delete a character to break the KCL
     await u.openKclCodePanel()
-    await page.getByText('extrude(').click()
+    await editor.codeContent.getByText('sketch001').last().click()
     await page.keyboard.press('Backspace')
 
     // Ensure that a badge appears on the button

e2e/playwright/point-click.spec.ts

@@ -1160,9 +1160,10 @@ extrude001 = extrude(profile001, length = 100)`
   }) => {
     const circleCode1 = `circle(center = [0, 0], radius = 30)`
     const circleCode2 = `circle(center = [0, 0], radius = 20)`
-    const initialCode = `sketch001 = startSketchOn(XZ)
+    const initialCode = `offset001 = 50
+sketch001 = startSketchOn(XZ)
   |> ${circleCode1}
-plane001 = offsetPlane(XZ, offset = 50)
+plane001 = offsetPlane(XZ, offset = offset001)
 sketch002 = startSketchOn(plane001)
   |> ${circleCode2}
       `

e2e/playwright/regression-tests.spec.ts

@@ -286,7 +286,6 @@ extrude001 = extrude(sketch001, length = 50)
     await page.keyboard.press('ArrowUp')
     await page.keyboard.press('ArrowUp')
     await page.keyboard.press('ArrowUp')
-    await page.keyboard.press('ArrowUp')
     await page.keyboard.press('End')
     await page.keyboard.up('Shift')
     await page.keyboard.press('Backspace')