fix: language buttons real design / conformance

web/visual/states.ts

@@ -938,6 +938,12 @@ async function openAccountMenu(page: Page) {
 		await page.locator('[data-slot="footer"] button[aria-haspopup]').click()
 		await page.locator('[role="menu"]').waitFor()
 	}
+	await page.getByRole('menuitemradio', { name: 'Light', exact: true }).click()
+	await page.evaluate(() => {
+		const dark = window.matchMedia('(prefers-color-scheme: dark)').matches
+		document.documentElement.classList.toggle('dark', dark)
+		document.documentElement.classList.toggle('light', !dark)
+	})
 	await page.mouse.move(0, 0)
 }
 
@@ -1978,6 +1984,7 @@ export const visualStates: Record<string, Record<string, VisualState>> = {
 			api: {
 				'GET /v1/auth/me': verifiedSession,
 				'GET /v1/article/': { status: 200, body: sixArticlesFixture },
+				'GET /v1/system/update': { status: 200, body: updateStatusBody() },
 			},
 			steps: openAccountMenu,
 		},