Adjust layout and colors of the voice recording view

[laevandus]

🔗 Issue Link

Resolves IOS-621

🎯 Goal

Voice recording view is using layout not matching to design specifications, in addition, some of the colors and images are not configurable.

🛠 Implementation

• Add ColorPalette.voiceMessageControlBackground and use it for play button's background color
• Add Images.pauseFilled and use it for play button
• Use Images.playFilled for the play button
• Use ColorPalette.messageCurrentUserTextColor or ColorPalette.messageOtherUserTextColor for the title of the VoiceRecordingView
• Use ColorPalette.highlightedAccentBackground for AudioVisualizationView.highlightedBarColor
• Adjust corner radii, many spacings, and background colors
• Update snapshot tests

🧪 Testing

N/A - covered by snapshot tests

🎨 Changes

Please refer to updated snapshots.

☑️ Checklist

• I have signed the Stream CLA (required)
• Changelog is updated with client-facing changes
• New code is covered by unit tests
• Affected documentation updated (docusaurus, tutorial, CMS (task created)

[Stream-SDK-Bot]

SDK Size

title	develop	branch	diff	status
StreamChatSwiftUI	7.54 MB	7.54 MB	+1 KB	🟢

[nuno-vieira]

Overall looks to good to me, but we are missing some stuff 👍

[martinmitrevski]

Looks good, let's just align on the naming.

[nuno-vieira]

LGTM! ✅

[sonarqubecloud]

Quality Gate failed

Failed conditions
67.3% Coverage on New Code (required ≥ 70%)

See analysis details on SonarQube Cloud