🛠️ [TASK] : Implement UI to setup campaign stages

[mike-mcnulty]

Summary

Implement UI to setup campaign stages

Description

Child of #1002

As an admin user, I need to enter the start and end dates to each campaign stage, so that my community knows what's coming and when they need to take action.

GIVEN an admin user logged in with API key
WHEN create a new campaign OR select existing campaign
THEN allow admin user to edit preset campaign timeline details

Acceptance Criteria

• If user selects "Setup Campaign Stages" in left nav menu, then view jumps to component and selects it
• Editable fields include:
  • Campaign Start
  • Campaign End
• If user clicks "edit", put component into edit mode
  • User can select date from date picker
  • User can select time from dropdown showing 1hr increments
  • User can switch between local time zone and UTC for setting times
• If user clicks "cancel" while in edit mode, then go to view mode without saving changes
• If user clicks "save" while in edit mode, then save changes to backend and return to view mode (refresh data?)

Integration
GIVEN admin key GET brand
GIVEN brand GET campaigns
GIVEN admin key UPDATE campaign

Designs

• Screens → Setup Campaign Stages
• Date & Time input component
• Addtl context in design ticket: CREATE | Setup Campaign Stages #1101

[mike-mcnulty]

@nielskijf need to define time zone setting. Dropdown? Search? Simple toggle between my local vs UTC?