Fix Grid Track Labels and Resize Indicators

[balazsbajorics]

Problem:

The grid labels and the grid resize indicators are in a state of being fucked:

Goal:

Fix the various layout issues, and make the labels subdued until hovered. The hovered label should z-index over its siblings:

Fix:

Commit Details:

• Split GridResizingControl into GridTrackSizeLabelForDimension and GridResizingStripedIndicator
• Render two helper grids, one for the label and one for the sizing indicator. This avoids future css intermingling problems, going forward bug fixing one should not meaningfully affect the other.
• The helper grids use the blessed getGridHelperStyleMatchingTargetGrid style instead of manually picking an assortment of relevant grid properties. This simplifies our life 97%

Note:
The code could be further simplified, as this is now a copy-paste job. I tried to remove the obviously unnecessary things, but there's still a little too much div wrappers going on.

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]

#14869 Bundle Size — 57.98MiB (~+0.01%).

3e57c79(current) vs 916e8b9 master#14866(baseline)

Warning

Bundle contains 70 duplicate packages – View duplicate packages

Bundle metrics   2 changes 1 regression

	Current #14869	Baseline #14866
Initial JS	40.97MiB(~+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 1 regression 1 improvement

	Current #14869	Baseline #14866
JS	57.97MiB (~+0.01%)	57.97MiB
HTML	7.37KiB (-0.25%)	7.39KiB

Bundle analysis report Branch fix/grid-labels Project dashboard

---

^{Generated by RelativeCI Documentation Report issue}