Add preset expiration day picker to label form

src/styles/app.css

@@ -182,6 +182,47 @@ body {
 
 .quantity-unit-picker {
   z-index: 4;
+  border-radius: 0.9rem;
+  border: 1px solid var(--lonc-border);
+  background: rgba(255, 255, 255, 0.96);
+}
+
+.expiration-days-picker {
+  padding: 0.75rem;
+  min-width: 18rem;
+  width: max-content;
+  max-width: min(22rem, calc(100vw - 2rem));
+}
+
+.expiration-days-grid {
+  display: grid;
+  grid-template-columns: repeat(4, minmax(3.25rem, 1fr));
+  gap: 0.5rem;
+}
+
+.expiration-days-option {
+  padding: 0.55rem 0.4rem;
+  border-radius: 0.7rem;
+  min-height: 2.75rem;
+  white-space: nowrap;
+  line-height: 1.1;
+}
+
+.expiration-days-option.active {
+  color: #fff;
+  background: var(--lonc-primary);
+  border-color: var(--lonc-primary);
+}
+
+@media (max-width: 575.98px) {
+  .expiration-days-picker {
+    min-width: 0;
+    width: min(100vw - 2rem, 18rem);
+  }
+
+  .expiration-days-grid {
+    grid-template-columns: repeat(3, minmax(0, 1fr));
+  }
 }
 
 .location-level-badge {