feat(components): display header on hover - I118

[irmerk]

Issue #118

Show edit buttons and header only on hover

Changes

• Created new prop HEADER_TITLE which will be passed through in TSv2
• Use local state in each clause to have individual hover effect
• Truncate any header over 54 characters to fit on one line
• Screenshots to showcase:

With a heading which is short enough to not need truncation:

With a heading which is too long and needs truncation:

• Structure grid system with the following labels:

Flags

• Refer to Issue Clause Template Header Tooltip #120 for a further feature

Related Issues

• Issue Contract Editor Clause Styling #89

[irmerk]

For reference @Michael-Grover and @mttrbrts

[DianaLease]

one typo in variable name. otherwise looks good!