Use id selector for server time element in E2E tests

Add `id="server-time"` to the integration server's time display element
and update the E2E test mask selector to use `#server-time` instead of
the generic `code` element selector.

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>

Author: jonathanhefner

examples/integration-server/src/mcp-app.tsx

@@ -128,7 +128,8 @@ function GetTimeAppInner({ app, toolResult }: GetTimeAppInnerProps) {
 
       <div className={styles.action}>
         <p>
-          <strong>Server Time:</strong> <code>{serverTime}</code>
+          <strong>Server Time:</strong>{" "}
+          <code id="server-time">{serverTime}</code>
         </p>
         <button onClick={handleGetTime}>Get Server Time</button>
       </div>

tests/e2e/servers.spec.ts

@@ -4,7 +4,7 @@ import { test, expect, type Page, type ConsoleMessage } from "@playwright/test";
 // Note: CSS modules generate unique class names, so we use attribute selectors
 // with partial matches (e.g., [class*="heatmapWrapper"]) for those components
 const DYNAMIC_MASKS: Record<string, string[]> = {
-  integration: ["code"], // Server time display
+  integration: ["#server-time"], // Server time display
   "cohort-heatmap": ['[class*="heatmapWrapper"]'], // Heatmap grid (random data)
   "customer-segmentation": [".chart-container"], // Scatter plot (random data)
   "system-monitor": [