fix: add system-ui fallback to --font-sans for better non-Latin script rendering

[sadeqhub]

What does this PR do?

Adds system-ui as a fallback in the --font-sans CSS variable definition.

Before:

--font-sans: Inter, Inter Fallback;

After:

--font-sans: Inter, Inter Fallback, system-ui;

Why?

When Inter doesn't cover a character (e.g. Arabic, Hebrew, Thai, CJK scripts), the browser falls all the way back to the browser's default serif or sans-serif, which varies wildly across operating systems and often looks inconsistent or broken.

system-ui is the OS's native UI font — on macOS it's San Francisco, on Windows it's Segoe UI, on Android it's Roboto. It's a well-supported, intentional fallback that keeps the visual style coherent when Inter's glyph coverage runs out.

Changes

• apps/web/app/layout.tsx — inline :root style block (app router)
• apps/web/components/PageWrapper.tsx — inline :root style block (pages router)

Testing

1. Set your browser or OS language to Arabic (or any non-Latin script)
2. Visit any booking page
3. Confirm text renders with the OS UI font instead of the browser default fallback

Checklist

• Self-review completed
• No new dependencies added
• Two-line change, no functional logic affected

[cubic-dev-ai]

No issues found across 2 files