[react] fix: Respect user account units & header fixes

This fixes #310 by ensuring the user units are respected.
It also includes some tweaks for the header menu in the editor

- Better default/non-default styling for icons
- Fix alignment of various menus within the ribbon

packages/react/components/Editor/lib/core-settings.mjs

@@ -67,7 +67,12 @@ const CoreDocsLink = ({ item }) => (
   </a>
 )
 
-export function menuCoreSettingsStructure({ units = 'metric', sabool = false, parts = [] }) {
+export function menuCoreSettingsStructure({
+  units = 'metric',
+  sabool = false,
+  parts = [],
+  accountUnits = 'metric',
+}) {
   return {
     sabool: {
       dense: true,
@@ -118,7 +123,7 @@ export function menuCoreSettingsStructure({ units = 'metric', sabool = false, pa
       ),
       ux: config.uxLevels.core.units,
       list: ['metric', 'imperial'],
-      dflt: 'metric',
+      dflt: accountUnits,
       choiceTitles: {
         metric: 'Metric Units (cm)',
         imperial: 'Imperial Units (inch)',