Error text on components should only have title when content overflows

[mollykreis]

🐛 Bug Report

The error text on nimble components should only have a title when the error text content overflows. However, the errorTextTemplate currently adds a title all the time, which is both unnecessary and against the current patterns within nimble. The template should use the overflow directive to only add a title when the error text content doesn't fit.

💻 Repro or Code Sample

🤔 Expected Behavior

The error text under a component should only have a title if the error text content doesn't fit in the allocated width of the control.

😯 Current Behavior

The error text under a component always has a title.

💁 Possible Solution

Use the overflow directive.

🔦 Context

🌍 Your Environment

• OS & Device: [e.g. MacOS, iOS, Windows, Linux] on [iPhone 7, PC]
• Browser [e.g. Microsoft Edge, Google Chrome, Apple Safari, Mozilla FireFox]
• Version [e.g. 1.8.0]