IO-3624 Finalize admin config UX and validation polish

client/src/components/shop-info/shop-info.parts-scan.jsx

@@ -4,6 +4,7 @@ import { useMemo } from "react";
 import { useTranslation } from "react-i18next";
 import FormListMoveArrows from "../form-list-move-arrows/form-list-move-arrows.component";
 import ConfigListEmptyState from "../layout-form-row/config-list-empty-state.component.jsx";
+import InlineValidatedFormRow from "../layout-form-row/inline-validated-form-row.component.jsx";
 import LayoutFormRow from "../layout-form-row/layout-form-row.component";
 import {
   INLINE_TITLE_GROUP_STYLE,
@@ -109,8 +110,10 @@ export default function ShopInfoPartsScan({ form }) {
                   const fieldType = getFieldType(selectedField);
 
                   return (
-                    <Form.Item key={field.key}>
-                      <LayoutFormRow
+                    <Form.Item noStyle key={field.key}>
+                      <InlineValidatedFormRow
+                        form={form}
+                        errorNames={[["md_parts_scan", field.name, "field"]]}
                         noDivider
                         title={
                           <div style={INLINE_TITLE_ROW_STYLE}>
@@ -284,7 +287,7 @@ export default function ShopInfoPartsScan({ form }) {
                             </Form.Item>
                           </Col>
                         </Row>
-                      </LayoutFormRow>
+                      </InlineValidatedFormRow>
                     </Form.Item>
                   );
                 })