Prevent counter unit from wrapping

Keep the unit together with the number on the same line to avoid
awkward line breaks in the middle of values like "$100" or "100%".

REDMINE-21218

Author: tf

entry_types/scrolled/package/src/contentElements/counter/Counter.js

@@ -108,7 +108,8 @@ export function Counter({configuration, contentElementId, contentElementWidth, s
       <Text scaleCategory="counterUnit"
             typographySize={configuration.unitSize || 'md'}
             inline>
-        <span style={configuration.unitColor ? {color: paletteColor(configuration.unitColor)} : undefined}>
+        <span className={styles.unit}
+              style={configuration.unitColor ? {color: paletteColor(configuration.unitColor)} : undefined}>
           {configuration.unit}
         </span>
       </Text>

entry_types/scrolled/package/src/contentElements/counter/Counter.module.css

@@ -7,6 +7,10 @@
   word-break: break-word;
 }
 
+.unit {
+  white-space: nowrap;
+}
+
 .numberCenter {
   text-align: center;
 }