feat(ui): upgrade input to authentic Splatoon 3 Lobby Terminal specification

[YoungSx]

Summary

This PR upgrades the Input component in @splatoon-ui to strictly follow authentic Splatoon 3 in-game visual language and modern frontend standards.

Key Changes

• Authentic Lobby Terminal Specification (variant="field-cut"):
  • Implements the exact 4-corner asymmetric organic cut (border-radius: 7px 11px 8px 12px) matching the Splatoon 3 Lobby Terminal Pool Keyword input screen.
  • Authentic 2.5px border, solid black shadow, and tactile controller focus displacement (translate(-1px, -1px)).
  • Purged non-authentic compromise variants (tape, pill) and extracted segmented passcode box to PinInput in TODO.
• Robust Form Primitives:
  • Prefix & suffix icon slots with auto-calculated horizontal padding.
  • Blob ink one-click clear button (clearable) supporting both controlled and uncontrolled usage.
  • Interactive eye visibility toggle (showPasswordToggle) for password inputs.
  • Shake feedback animation (splat-shake) and alert label for invalid error state.
• Tokens & Theming:
  • Bound to official design tokens (--desert-sand, --tape-white, --color-chaos-black, --color-yellow).
• Docs & Testing:
  • Updated English, Chinese, and Japanese MDX docs and interactive examples.
  • All package builds, docs validation checks, and workspace typechecks pass cleanly with 0 errors.

[chatgpt-codex-connector]

You have reached your Codex usage limits for code reviews. You can see your limits in the Codex usage dashboard.