fix(develop): call the tonal rows what the reference calls them (HIGHLIGHTS, SHADOWS, WHITES, BLACKS)

docker/frontend/src/App.tsx

@@ -3271,10 +3271,10 @@ export function Workspace() {
           onReset: () => setMaskKnob({ saturation: 0 }),
         },
         maskKnobRow('vibrance', 'VIBRANCE'),
-        maskKnobRow('highlights', 'HIGHLIGHT'),
-        maskKnobRow('shadows', 'SHADOW'),
-        maskKnobRow('whites', 'WHITE'),
-        maskKnobRow('blacks', 'BLACK'),
+        maskKnobRow('highlights', 'HIGHLIGHTS'),
+        maskKnobRow('shadows', 'SHADOWS'),
+        maskKnobRow('whites', 'WHITES'),
+        maskKnobRow('blacks', 'BLACKS'),
         maskKnobRow('clarity', 'CLARITY'),
         maskKnobRow('dehaze', 'DEHAZE'),
         ...(selMask.kind === 'radial'

docker/frontend/src/ui/RecipeCreatePanel.tsx

@@ -283,10 +283,10 @@ export function RecipeCreatePanel({
 
       <div className="create-grid">
         {[
-          { label: 'HIGHLIGHT', value: fHigh, set: setFHigh },
-          { label: 'SHADOW', value: fShadow, set: setFShadow },
-          { label: 'WHITE', value: fWhites, set: setFWhites },
-          { label: 'BLACK', value: fBlacks, set: setFBlacks },
+          { label: 'HIGHLIGHTS', value: fHigh, set: setFHigh },
+          { label: 'SHADOWS', value: fShadow, set: setFShadow },
+          { label: 'WHITES', value: fWhites, set: setFWhites },
+          { label: 'BLACKS', value: fBlacks, set: setFBlacks },
           { label: 'COLOR', value: fColor, set: setFColor },
           { label: 'NOISE RED.', value: fNr, set: setFNr, ph: '-10..10' },
           { label: 'SHARPENING', value: fSharp, set: setFSharp, ph: '-10..10' },