Prevent text jumping because of font-weight change on active tabs item

[MAILPOET-2776]

assets/js/src/common/steps/steps.tsx

@@ -19,7 +19,7 @@ const Steps = ({ count, current, titles }: Props) => (
         })}
       >
         <div className="mailpoet-step-badge">{i >= current ? i : ''}</div>
-        {titles[i - 1] && <div className="mailpoet-step-title" title={titles[i - 1] || ''}>{titles[i - 1] || ''}</div>}
+        {titles[i - 1] && <div className="mailpoet-step-title" data-title={titles[i - 1] || ''}>{titles[i - 1] || ''}</div>}
       </div>
     ))}
   </div>

assets/js/src/common/tabs/tabs.tsx

@@ -73,7 +73,7 @@ const Tabs = ({
   const title = (props) => (
     <>
       {props.iconStart}
-      {props.title && <span>{props.title}</span>}
+      {props.title && <span data-title={props.title}>{props.title}</span>}
       {props.iconEnd}
     </>
   );