Fix/icomoon

[interim17]

Time to review:

Small < 10 minutes

Problem:

Icomoon font glyphs had not been updated in a long time and they were written into the code base in hard to understand ways. New icons had been added in other ways, with conflicting design approaches.

Solution:

Create new set of glyphs, define each glyph as a css variable, apply those variables via global style selectors. I added some explanatory comments about how to use this styling pattern because I found it confusing at first, which led to me adding icons in suboptimal ways. Updating the font was easy! I just didn't realize...

Part of preliminary changes/maintenance to fixing all styles on the playback and camera control buttons.

Other changes:

Moved global style imports to src/style.css why were they in the SideBar component? Removed some unused style rules, cleaned up an import or two

To review:

• Confirm all the icons match current guidance in the figma guide, the relevant icons are all in playback controls, camera controls, and the highlighting stars in the side panel. (Rotate and home/reset were wrong, orthographic/perspective were correct icon but way wrong size)
• Confirm that the styling/spacing is not egregiously worse. Note: The buttons and the icon positioning inside them do not match the style guide on staging, production, or this branch... I have a change-set lined up for this, out of scope for this PR to fix it all. If we can get these icons organized and available for styling we can fix this the right way.

[github-actions[bot]]

Coverage report

St.:grey_question:	Category	Percentage	Covered / Total
🟡	Statements	73.27%	603/823
🟡	Branches	68.38%	80/117
🔴	Functions	40.31%	79/196
🟡	Lines	71.73%	538/750

Test suite run success

99 tests passing in 7 suites.

Report generated by 🧪jest coverage report action from 7ca5f105f3bb3d2026f597e137a0f503150b65df