Refactor Zone Creation [AARD-2071]

[AlexD717]

Task

Refactor the way zones are created in synthesis.

AARD-2071

Symptom

There is currently a lot of duplicate code in the way Scoring Zones and Protected Zones are set up. If we decide that we want to add more zones later, ex for a loading station zone (AARD-2072) there would be even more duplicate code.

Solution

Move the code that is the same for all zones, such as the name, and mainly gizmo configuration into an outside component, making it easier to add more zones later in the future.

Verification

• All current zone related functionality still works

---

Before merging, ensure the following criteria are met:

• All acceptance criteria outlined in the ticket are met.
• Necessary test cases have been added and updated.
• A feature toggle or safe disable path has been added (if applicable).
• User-facing polish:
  • Ask: "Is this ready-looking?"
• Cross-linking between Jira and GitHub:
  • PR links to the relevant Jira issue.
  • Jira ticket has a comment referencing this PR.

[rutmanz]

• Turning on persistent points for a scoring zone or either dropdown for protected zones seems to reset the position and scale
• The red material for scoring zones get blocked by objects in front but the blue does not (I think it's better if they're both occluded because it makes it easier to position things)
• It's not strictly in scope but the buttons being down below in the main menu is kind of weird and it might make sense to fix as part of this

[rutmanz]

otherwise lgtm