Fix website mobile menu locale preview (#339)

Author: montfort

website/README.md

@@ -11,15 +11,23 @@ yarn
 ## Local Development
 
 ```bash
-yarn start
+npm run dev
 ```
 
-This command starts a local development server and opens up a browser window. Most changes are reflected live without having to restart the server.
+This command starts the Docusaurus hot-reload development server for one locale.
+
+To preview language switching locally, use:
+
+```bash
+npm run start
+```
+
+`npm run start` builds all locales and serves the production build, so the locale dropdown routes (`/es`, `/zh-CN`) resolve the same way they do on the deployed site.
 
 ## Build
 
 ```bash
-yarn build
+npm run build
 ```
 
 This command generates static content into the `build` directory and can be served using any static contents hosting service.

website/package.json

@@ -7,8 +7,10 @@
     "sync:docs": "tsx scripts/sync-docs-i18n.ts",
     "generate:llms": "tsx scripts/gen-llms-full.ts",
     "migrate:blog": "tsx scripts/migrate-blog.ts",
-    "prestart": "npm run sync:docs && npm run generate:llms",
-    "start": "docusaurus start",
+    "predev": "npm run sync:docs && npm run generate:llms",
+    "dev": "docusaurus start",
+    "prestart": "npm run build",
+    "start": "docusaurus serve",
     "prebuild": "npm run sync:docs && npm run generate:llms",
     "build": "docusaurus build",
     "swizzle": "docusaurus swizzle",

website/src/css/custom.css

@@ -557,6 +557,10 @@ div[class*='codeBlockContainer'] .token.punctuation {
 }
 
 @media (max-width: 996px) {
+  .navbar {
+    backdrop-filter: none;
+  }
+
   .navbar-sidebar {
     background: var(--paper);
   }