Add state animation mapping settings UI

[iamlukethedev]

Summary

• Add a Studio Settings editor for state-to-animation mappings.
• Wire mapping settings from OfficeScreen through RetroOffice3D into SettingsPanel.
• Allow adding starter mappings, adding/removing custom rules, editing labels/source states/targets/effects/sound cues/priority, toggling rules, normalizing, and clearing.
• Keep configured state movement from auto-opening GitHub/QA workflow panels.
• Update Vitest config so React .test.tsx unit tests are included.

Testing

• npm run test -- --run tests/unit/stateAnimationMappingsEditor.test.tsx tests/unit/studioSettings.test.ts tests/unit/officeEventTriggers.test.ts
• npm run typecheck
• npm run smoke:dev-server
• Browser walkthrough: cleared local mappings, opened /office, launched Studio Settings, applied starter mappings, edited rule 1 to Syncing / syncing / QA lab / sync-chime, normalized, and verified persisted settings via /api/studio.

state_mapping_ui_editor_clean.webm
State mapping editor

_{To show artifacts inline, enable in settings.}