Fix: FollowButton state management and minor ui bugs

[Shreyassp002]

This PR addresses issues where the Follow button state was not updating correctly across the ListenScreen and BaseProfileScreen also some ui bugs fixes. The following changes have been made:

• Corrected the styling of the Follow Button to match the light theme.
• Fixed text color inconsistencies in the Compatibility section for better visual consistency.
• Fixed Follow Button state management across ListenScreen and BaseProfileScreen.

Screenshots

Issue:

Screenrecorder-2024-12-17-19-55-10-500.mp4

Fixes:

Screenrecorder-2024-12-17-19-57-05-755.mp4

Let me know if there are any changes needed to the color scheme or any other adjustments!

[07jasjeet]

Hi, thanks for the PR. We would like to keep the follow button same throughout the app, if you could replace the button with existing component entirely, it would be really great!

[Shreyassp002]

Hi @07jasjeet ,

Thank you for the feedback! Just to ensure consistency:

1. Could you confirm which existing button component you'd like me to replace the Follow button with? If possible, could you point me to the file or component name where it's implemented?

2. Regarding the state management updates I made for the Follow button across the ListenScreen and BaseProfileScreen, should I revert those changes as well, or should I adapt them to work with the existing component?

[07jasjeet]

1. @Shreyassp002 this is the component I'm talking about.
2. State management changes look good, no need to revert.

[Shreyassp002]

Hi @07jasjeet ,

I’ve updated the ListensScreen to use the requested component. The BaseProfileScreen already had the correct component in place, so no changes were needed there.

Fixes:

Please let me know if there is anything else that needs attention or further adjustments.

[07jasjeet]

Last bit changes

[07jasjeet]

LGTM, Thanks for fixing this UI issue!