[pull] master from monkeytypegame:master

frontend/package.json

@@ -114,7 +114,7 @@
     "tsx": "4.21.0",
     "typescript": "6.0.0-beta",
     "unplugin-inject-preload": "3.0.0",
-    "vite": "8.0.0",
+    "vite": "7.3.1",
     "vite-bundle-visualizer": "1.2.1",
     "vite-plugin-html-inject": "1.1.2",
     "vite-plugin-inspect": "11.3.3",

frontend/src/404.html

@@ -73,46 +73,45 @@
         justify-content: center;
         height: 100%;
         align-content: center;
-        .content {
-          display: grid;
-          grid-auto-flow: column;
-          gap: 4rem;
-          grid-template-columns: 300px 300px;
-
-          .image {
-            width: 100%;
-            align-self: center;
-            background-image: url("/images/monkeymeme.jpg");
-            aspect-ratio: 300/199;
-            background-size: contain;
-            border-radius: var(--roundness);
-          }
+      }
+      .page404 .content {
+        display: grid;
+        grid-auto-flow: column;
+        gap: 4rem;
+        grid-template-columns: 300px 300px;
+      }
+      .page404 .image {
+        width: 100%;
+        align-self: center;
+        background-image: url("/images/monkeymeme.jpg");
+        aspect-ratio: 300/199;
+        background-size: contain;
+        border-radius: var(--roundness);
+      }
 
-          .title {
-            font-size: 5rem;
-            line-height: 4rem;
-            /* margin: -3rem; */
-            color: var(--main-color);
-            align-self: center;
-          }
+      .page404 .title {
+        font-size: 5rem;
+        line-height: 4rem;
+        /* margin: -3rem; */
+        color: var(--main-color);
+        align-self: center;
+      }
 
-          .side {
-            justify-items: center;
-            display: grid;
-            gap: 1rem;
-            text-align: center;
+      .page404 .side {
+        justify-items: center;
+        display: grid;
+        gap: 1rem;
+        text-align: center;
+      }
+      .page404 .big {
+        font-size: 10rem;
+        line-height: 10rem;
+        color: var(--sub-color);
+      }
 
-            .big {
-              font-size: 10rem;
-              line-height: 10rem;
-              color: var(--sub-color);
-            }
-            .button {
-              padding: 1rem 2rem;
-              width: max-content;
-            }
-          }
-        }
+      .page404 .button {
+        padding: 1rem 2rem;
+        width: max-content;
       }
     </style>
     <div id="app" class="content-grid focus">

frontend/src/privacy-policy.html

@@ -383,7 +383,15 @@ <h1 id="Cookies">What are cookies?</h1>
           >
             HTTP cookie
           </a>
-          on Wikipedia.
+          <!--
+	    We need this nbsp to make sure there's no missing whitespace in production.
+            This is because without it the minifier collapses the whitespace after 
+	    "HTTP cookie" and the one after the closing `a` tag into a single space  
+	    located after "HTTP cookie" (inside the `a` tag), and because the `a` tag
+	    has display: inline-block, the space will not be rendered. Use nbsp to make
+	    sure the minifier doesn't remove it.
+	  -->
+          &nbsp;on Wikipedia.
         </p>
 
         <h1 id="Usage_of_Cookies">How do we use cookies?</h1>