UI ux waveform

[owens-hub-git]

Description

Changes in this PR include,

• Change blue recording box from large and unnecessary on first click
• Waveform displays actual audio visual
• Play button works interchangeably
• Send button fixes and more intuitively displayed
• Tooltips added
• Change to confirmation model for icon adjustment

Before example of one change

After

Fixes # (issue)

UI/UX fix

• Bug fix (non-breaking change which fixes an issue)
• New feature (non-breaking change which adds functionality)
• Breaking change (fix or feature that would cause existing functionality to not work as expected)
• This change requires a documentation update

How Has This Been Tested?

Tested locally on multiple different views and shorter screens.
(brave browser aswell)

Testing Checklist:

• Tested in latest Chrome
• Tested in latest Safari
• Tested in latest Firefox

Checklist:

• My code follows the style guidelines of this project
• I have performed a self-review of my own code
• I have commented my code in hard-to-understand areas
• I have made corresponding changes to the documentation
• My changes generate no new warnings
• I have requested a review from @macite and @jakerenzella on the Pull Request

#Changes ahead

• In box elude to clicking icon to start recording, although there is a tootltip to help
• Update the in message box to include visual

[owens-hub-git]

@b0ink UI/UX waveform, some little things, didn't change the comment bubble for audio. Feedback please