Use automatic hyphenation when possible (#1362)

gui/.lintstagedrc.mjs

@@ -1,5 +1,5 @@
 export default {
   '**/*.{ts,tsx}': () => 'tsc -p tsconfig.json --noEmit',
   'src/**/*.{js,jsx,ts,tsx}': 'eslint --max-warnings=0 --no-warn-ignored --cache --fix',
-  '**/*.{js,jsx,ts,tsx,css,md,json}': 'prettier --write',
+  '**/*.{js,jsx,ts,tsx,css,scss,md,json}': 'prettier --write',
 };

gui/src/index.scss

@@ -411,3 +411,12 @@ input::-ms-clear {
   image-rendering: -webkit-optimize-contrast;
   image-rendering: crisp-edges;
 }
+
+a,
+p,
+h1,
+h2,
+button,
+div {
+  hyphens: auto;
+}