fix: textarea autosize for LanguageTool

(cherry picked from commit 7ef1e0a3e564ae245efc56b0b2764d2561d2929a)

frontend/src/styles/theme/theme.scss

@@ -23,6 +23,15 @@
   --body-overflow-y: auto;
 }
 
+// The LanguageTool browser plugin creates a custom element with shadow root for textareas.
+// Since shadow root doesn't inherit styles, we have to set `box-sizing` to `border-box` instead of `inherit`.
+// https://dev.to/konnorrogers/revisiting-box-sizing-best-practices-3del
+*,
+*::after,
+*::before {
+  box-sizing: border-box;
+}
+
 body {
   background: var(--site-background);
   min-height: 100vh;