Mario/2965 set max button pending changes

[mariopino]

Closes #2965

Description:

• Change Set Max button style to secondary.
• Fixed bug in warning message in send and delegate modals: Warning message is shown if we enter the max amount manually.
• Unify denomination input suffix in send, delegate and undelegate modals.
• Cleanup duplicate code in TmBtn component.

Thank you! 🚀

---

For contributor:

• Added changes entries. Run yarn changelog for a guided process.
• Reviewed Files changed in the github PR explorer
• Attach screenshots of the UI components on the PR description (if applicable)
• Scope of work approved for big PRs

For reviewer:

• Manually tested the changes on the UI

[faboweb]

When entering the values manually on the delegation modal it doesn't show the message.
The note about no more tokens to pay for fees pushes everything else around. Is there a way to fi that?

[mariopino]

When entering the values manually on the delegation modal it doesn't show the message.
The note about no more tokens to pay for fees pushes everything else around. Is there a way to fi that?

Fixed!

[codecov]

Codecov Report

Merging #2974 into develop will not change coverage.
The diff coverage is 100%.

@@           Coverage Diff            @@
##           develop    #2974   +/-   ##
========================================
  Coverage    92.86%   92.86%           
========================================
  Files          133      133           
  Lines         2270     2270           
  Branches       376      377    +1     
========================================
  Hits          2108     2108           
  Misses         157      157           
  Partials         5        5

Impacted Files	Coverage Δ
src/ActionModal/components/UndelegationModal.vue	100% <ø> (ø)	⬆️
src/ActionModal/components/SendModal.vue	100% <100%> (ø)	⬆️
src/ActionModal/components/DelegationModal.vue	100% <100%> (ø)	⬆️

[codecov]

Codecov Report

Merging #2974 into develop will increase coverage by <.01%.
The diff coverage is 100%.

@@             Coverage Diff             @@
##           develop    #2974      +/-   ##
===========================================
+ Coverage    96.82%   96.83%   +<.01%     
===========================================
  Files          134      134              
  Lines         2271     2273       +2     
  Branches       385      386       +1     
===========================================
+ Hits          2199     2201       +2     
  Misses          67       67              
  Partials         5        5

Impacted Files	Coverage Δ
src/ActionModal/components/UndelegationModal.vue	100% <ø> (ø)	⬆️
src/ActionModal/components/ActionModal.vue	98.75% <ø> (ø)	⬆️
src/ActionModal/components/SendModal.vue	100% <100%> (ø)	⬆️
src/ActionModal/components/DelegationModal.vue	100% <100%> (ø)	⬆️

[jbibla]

some nice improvements here mario!

as opposed to leaving extra space for the max message and to solve the jumping around problem, let's add the max message under the input like a validation message? perhaps with the warning colour instead of the red colour.

i think this is the best solution for this.

[faboweb]

Probably needs some margin:

[mariopino]

Probably needs some margin:

Yep, It's not finished yet, also color must be warning/yellow.

[mariopino]

[faboweb]

Sweet! Thank you.