Theme designer v9

[timbellay]

Previous Behavior

• N/A, adding some cleanup items for Fluent V9

New Behavior

• Collapsed app state into single state with reducer. Fixed infinite state updating bug.
• Simplified flow of app using the left nav and steps for user to generate palette.
• Updated sticker sheet to show missing v9 components
• Created a test object and a test system for future tests and clarity of test results.
• Reduced contrast tests to handle the main two tests only: colorBrandForeground1: ['colorNeutralBackground1', 4.5] and colorBrandForeground2: ['colorBrandBackground2', 4.5] for simplicity.
• Added contrast ratios to dropdown in the token selection menu of failed tests so users can know the effect of changing a token value on the test.
• Change curve snapping points from [0, 50, 100] to [start, middle, end] based on Arman's spec and hard coded this in hueToSnappingPointsMap.
• Use brand[110] instead of brand[100] and brand[120] instead of brand[110] for dark theming per guidelines
• Minor GUI improvements

Related Issue(s)

• hue-shift in the palette generation: [Bug]: Fluent Theme Designer tool produces hue-shifted color palettes #27860

• Fixes #
  N/A

[TristanWatanabe]

/azp run Fluent UI React - PR and CI

[azure-pipelines]

Azure Pipelines successfully started running 1 pipeline(s).

[TristanWatanabe]

/azp run Fluent UI React - PR and CI

[azure-pipelines]

Azure Pipelines successfully started running 1 pipeline(s).

[sopranopillow]

Mainly minor comments, I would say the sticker ones are needed since those are exposed to the user. The Designer looks great!!!

[sopranopillow]

/azp run

[azure-pipelines]

Azure Pipelines successfully started running 4 pipeline(s).