Add Measurements tab and #new form

app/assets/images/pictograms/plus-multiple-outline.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="icon" viewBox="0 0 24 24"><path d="M6,11H11V6H17V11H22V17H17V22H11V17H6V11M13,15V20H15V15H20V13H15V8H13V13H8V15H13M2,13V7H7V2H13V4H9V9H4V13H2Z" /></svg>

app/assets/images/pictograms/scale-bathroom.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="icon" viewBox="0 0 24 24"><path d="M5,2H19A2,2 0 0,1 21,4V20A2,2 0 0,1 19,22H5A2,2 0 0,1 3,20V4A2,2 0 0,1 5,2M12,4A4,4 0 0,0 8,8H11.26L10.85,5.23L12.9,8H16A4,4 0 0,0 12,4M5,10V20H19V10H5Z" /></svg>

app/assets/stylesheets/application.css

@@ -200,9 +200,7 @@ textarea:read-only {
 }
 
 
-.header {
-  display: flex;
-  gap: 0.8em;
+header {
   grid-area: header;
 }
 
@@ -243,6 +241,18 @@ textarea:read-only {
 }
 
 
+.buttongrid {
+  display: grid;
+  gap: 0.4em;
+  grid-template-areas: "context empty tools";
+  grid-template-columns: auto 1fr auto;
+  grid-template-rows: max-content;
+}
+.tools {
+  grid-area: tools;
+}
+
+
 #flashes {
   display: grid;
   gap: 0.2em;
@@ -502,6 +512,10 @@ table.items select:focus-visible {
 .extendedright {
   margin-right: auto;
 }
+.htoolbox {
+  display: flex;
+  gap: 0.8em;
+}
 [disabled] {
   border-color: var(--color-border-gray) !important;
   color: var(--color-border-gray) !important;
@@ -512,15 +526,3 @@ table.items select:focus-visible {
 .unwrappable {
   white-space: nowrap;
 }
-
-
-.buttongrid {
-  display: grid;
-  gap: 0.4em;
-  grid-template-areas: "context empty tools";
-  grid-template-columns: auto 1fr auto;
-  grid-template-rows: max-content;
-}
-.tools {
-  grid-area: tools;
-}