feat(webserver): Vendor and reimplement main pages in leptos

pkgs/packages/webserver/style/fonts.scss

@@ -0,0 +1,48 @@
+@use "@fontsource-utils/scss/src/mixins" as fontsource with (
+  $display: auto
+);
+@use "@fontsource-variable/arimo/scss/metadata.scss" as arimo;
+@use "@fontsource-variable/nunito/scss/metadata.scss" as nunito;
+
+@include fontsource.faces(
+  $metadata: nunito.$metadata,
+  $weights: (
+    300,
+    400,
+    500,
+    600,
+    700,
+  ),
+  $subsets: latin,
+  $styles: (
+    normal,
+    italic,
+  ),
+  $family: "Nunito",
+  $directory: "/@fontsource-variable/nunito"
+);
+
+@include fontsource.faces(
+  $metadata: arimo.$metadata,
+  $weights: 400,
+  $subsets: latin,
+  $styles: normal,
+  $family: "Arimo",
+  $directory: "/@fontsource-variable/arimo"
+);
+
+// Hack *does* come with its own CSS, but it's broken and hasn't seen
+// a release since https://github.com/source-foundry/Hack/issues/467
+// was resolved.
+
+$variants: regular normal 400, bold normal 700, italic italic 400, bolditalic italic 700;
+
+@each $name, $style, $weights in $variants {
+  @font-face {
+    font-family: "Hack";
+    font-style: $style;
+    font-display: auto;
+    font-weight: $weights;
+    src: url("/hack-font/hack-#{$name}-subset.woff2") format("woff2-variations");
+  }
+}