Improvement: Focus input fields on page/modal open

[tbiering]

Description

Automatically focus the text input fields in the following locations:

• Pages
  • Create Battle/Game
  • Create Retro
  • Create Storyboard
  • Join Battle/Retro/Storyboard Page (aka user creation page)
• Modals
  • Battle/Game -> Add Plan/Stories

This should improve overall usability (especially when adding plans/stories to a battle/game).

What type of PR is this? (check all applicable)

• [X] 🍕 Feature
• [ ] 🐛 Bug Fix
• [ ] 📝 Documentation Update
• [ ] 🎨 Style
• [ ] 🧑‍💻 Code Refactor
• [ ] 🔥 Performance Improvements
• [ ] ✅ Test
• [ ] 🤖 Build
• [ ] 🔁 CI
• [ ] 📦 Chore (Release)
• [ ] ⏩ Revert

Related Tickets & Documents

No issue was created

Screenshots/Recordings

Steps to QA

1. (Unregistered) Browse to battle page
2. Input field to register as guest should be focused
3. Register as any available guest name
4. (Now on battle create page) Input focus should automatically be on the battle name input field
5. Create battle
6. Click "Add plan"
7. In the modal, the plan name input field should automatically be focused
8. Add plan to close modal
9. Browse to retro page
10. Input field for retro name should automatically be focused
11. Browse to storyboard page
12. Input field for storyboard name should automatically be focused