Add description to dimensions and segments

[mknowlton89]

Features and Changes

This PR adds the ability for a user to add a description to a dimension or segment, so all company stakeholders can quickly get information about exactly what the segment and dimension is, if there is not enough context in the name alone.

These descriptions are now displayed on the dimension and segment index pages as tooltips next to the name field.

Originally, I added the description as a new column on the table on the segment & dimension index pages, but, that table is already nearly overflowing with content. As such, I tried a new pattern where the description is accessible on hover via a Tooltip next to the asset's name.

Additionally, I applied this pattern to the data source's description field as well. With the current treatment, we truncate the description field if it exceeds the small amount of real estate allocated for it, requiring the user to go into the asset's page to get the full context. Now, they can simple hover and see the full description, even if it's on the long side.

This pattern has also been applied to the data source index page as well.

• Closes ([Feature] Add description to Dimensions and Segments #1468)

Testing

• Create a new dimension/segment and include a description and ensure that is persisted within the database and is displayed on the index page, and then within the form when editing.
• Create a new dimension/segment and DON'T include a description and ensure no errors are thrown.
• Go to an existing dimension/segment that was created before this PR, and ensure you can add a description and that it's persisted on the database.
• Go to an existing dimension/segment and edit it, but don't add a description and ensure no errors are thrown.
• Ensure the description is displayed on it's respective index page via a tooltip.
• Ensure that if a dimension/segment doesn't have a description, no tooltip is shown on the respective index page.

Screenshots

Segment index page before

Segment index page after

Segment index page after with segment description tooltip hovered

Segment index page after with data source description tooltip hovered

Dimension index page before

Dimension index page after

Dimension index page after with segment description tooltip hovered

Dimension index page after with data source description tooltip hovered

Data Source Index page before

Data Source Index page after

[github-actions]

Your preview environment pr-1496-bttf has been deployed.

Preview environment endpoints are available at:

• https://growthbook-3000-pr-1496-bttf.growthbook.okteto.dev
• https://growthbook-3100-pr-1496-bttf.growthbook.okteto.dev