fix: BROS-331: Chat follow-ups (#8186)

Co-authored-by: robot-ci-heartex <[email protected]>
Co-authored-by: hlomzik <[email protected]>

Author: hlomzik

web/libs/editor/src/components/SidePanels/DetailsPanel/DetailsPanel.scss

@@ -46,8 +46,8 @@
 }
 
 .region-actions {
-  padding: 8px;
-  height: 52px;
+  padding: var(--spacing-tighter) var(--spacing-tight);
+  background: var(--color-neutral-background);
   display: flex;
   align-items: stretch;
   justify-content: space-between;

web/libs/editor/src/components/SidePanels/DetailsPanel/RegionLabels.tsx

@@ -7,7 +7,7 @@ export const RegionLabels: FC<{ region: LSFRegion }> = observer(({ region }) =>
   const labelsInResults = region.labelings.map((result: any) => result.selectedLabels || []);
   const labels: any[] = [].concat(...labelsInResults);
 
-  if (!labels.length) return <Block name="labels-list">No label</Block>;
+  if (!labels.length) return <Block name="labels-list">{region.noLabelView || "No label"}</Block>;
 
   return (
     <Block name="labels-list">

web/libs/ui/src/assets/icons/chat.svg

@@ -36,6 +36,7 @@ export { ReactComponent as IconBubbleSpikeAlt } from "./bubble-spike-alt.svg";
 export { ReactComponent as IconBulb } from "./bulb.svg";
 export { ReactComponent as IconBulkLabeling } from "./bulk-labeling.svg";
 export { ReactComponent as IconCalendar } from "./calendar.svg";
+export { ReactComponent as IconChat } from "./chat.svg";
 export { ReactComponent as IconCheck } from "./check.svg";
 export { ReactComponent as IconCheck2 } from "./check2.svg";
 export { ReactComponent as IconCheck3 } from "./check3.svg";