Rework SubduedGridGapControl

[seanparsons]

Problem:
When you interact with the grid gap in the inspector, we show a pink outline on the canvas. Make the pink SubduedGridGapControl use GridPaddingOutlineForDimension instead of the current code which still relies on gridGapControlBoundsFromMetadata.

Fix:
Changed out the main rendering content of SubduedGridGapControl to use GridPaddingOutlineForDimension and added an option so that we can supply an alternative colour for the outlines.

Commit Details:

• Removed a lot of the contents of SubduedGridGapControl and replace the main contents of the rendering with GridPaddingOutlineForDimension.
• Added draggedOutlineColor to GridPaddingOutlineForDimension and GridRowHighlight.
• Removed gridGapControlBoundsFromMetadata.

Manual Tests:
I hereby swear that:

• I opened a hydrogen project and it loaded
• I could navigate to various routes in Play mode

[github-actions]

Try me

[relativeci]

#14865 Bundle Size — 57.98MiB (~-0.01%).

ee4615a(current) vs 916e8b9 master#14861(baseline)

Warning

Bundle contains 70 duplicate packages – View duplicate packages

Bundle metrics   2 changes 1 improvement

	Current #14865	Baseline #14861
Initial JS	40.96MiB(-0.01%)	40.97MiB
Initial CSS	0B	0B
Cache Invalidation	18%	17.88%
Chunks	20	20
Assets	22	22
Modules	4153	4153
Duplicate Modules	213	213
Duplicate Code	27.33%	27.33%
Packages	477	477
Duplicate Packages	70	70

Bundle size by type   2 changes 2 improvements

	Current #14865	Baseline #14861
JS	57.97MiB (~-0.01%)	57.97MiB
HTML	7.37KiB (-0.25%)	7.39KiB

Bundle analysis report Branch refactor/subdued-grid-gap-contro... Project dashboard

---

^{Generated by RelativeCI Documentation Report issue}