fix: use base-dependent local storage key for banner state

[3w36zj6]

close #19

[netlify]

✅ Deploy Preview for typst-docs-web ready!

Name	Link
🔨 Latest commit	cf7d05f
🔍 Latest deploy log	https://app.netlify.com/projects/typst-docs-web/deploys/690559023561410008e4b380
😎 Deploy Preview	https://deploy-preview-32--typst-docs-web.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify project configuration.

[Copilot]

Pull Request Overview

This PR updates the SiteNoticeBanner component to make the localStorage key dynamic based on the basePath configuration, replacing the hardcoded 'typst-jp-banner-hidden' key. This ensures that different deployments with different base paths maintain separate banner visibility states.

Key Changes

• Import basePath from metadata to make the storage key configurable
• Generate a dynamic storage key by replacing forward slashes in basePath with hyphens
• Update the Alpine.js x-data attribute from a static string to a template literal to interpolate the storage key

---

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

[Copilot]

The storage key will have consecutive hyphens when basePath is /docs/ (e.g., typst-docs-web-docs--banner-hidden). Consider using .replace(/\//g, '-').replace(/-+/g, '-').replace(/^-|-$/g, '') to normalize the key and avoid leading/trailing/duplicate hyphens.

Suggested change

	const storageKey = `typst-docs-web${basePath.replace(/\//g, "-")}banner-hidden`;
	const storageKey = `typst-docs-web${basePath.replace(/\//g, "-").replace(/-+/g, "-").replace(/^-|-$/g, "")}-banner-hidden`;

[Copilot]

[nitpick] The hardcoded prefix typst-docs-web in the storage key should be extracted as a constant at the module level or imported from a configuration file to improve maintainability and consistency across the codebase.

Suggested change

	export const SiteNoticeBanner = () => {
	const storageKey = `typst-docs-web${basePath.replace(/\//g, "-")}banner-hidden`;
	const STORAGE_KEY_PREFIX = "typst-docs-web";
	export const SiteNoticeBanner = () => {
	const storageKey = `${STORAGE_KEY_PREFIX}${basePath.replace(/\//g, "-")}banner-hidden`;

[YDX-2147483647]

Good. I confirmed that the banner on each sub-website in the deploy preview is controlled independently.