Legend 4: Render categorical palette

[yvonnesjy]

No description provided.

[robyngit]

@yvonnesjy there are some tests failing other than the eslint errors, see https://github.com/NCEAS/metacatui/actions/runs/9556159324/job/26377186438?pr=2445.

Prettier formatting needed for:

• src/css/map-view.css
• test/js/specs/unit/views/maps/legend/LayerLegendView.spec.js

And one unit test is not passing:

FAILS:  1
PASSES: 553
Failed Tests: 
-------------

[1]: LegendContainerView Test Suite
     > toggleExpanded
     > AssertionError: expected false to be true
    at Context.<anonymous> (js/specs/unit/views/maps/legend/LegendContainerView.spec.js?v=undefined:99:49)

This is easy to miss if we're ignoring the ESlint failures. Maybe we need to change the github action in someway to make it clearer which have failed and which are passing.

[yvonnesjy]

Ah thanks for catching! Fixed. Is there a way to only mark eslint failure as warning for now?

I also pushed a commit that incorporates the label fixes

• <layer name> (<property label || property name>): Not reflected in mock yet but I got a 👍🏻 from Doug on this formatting
• <color label> || <color value> for categorical swatch