Fix Demo App Refresh Tokens + Connection Banner

[nuno-vieira]

🔗 Issue Links

Related to https://stream-io.atlassian.net/browse/PBE-4780

🎯 Goal

Fixes the issues found in the Demo App from this PR.

It is important to fix them in a separate PR, so that we can compare the new fixes vs the old implementation. Since showing the connection banner helps us understand the connecting state transitions.

🧪 Manual Testing Notes

N/A

☑️ Contributor Checklist

• I have signed the Stream CLA (required)
• This change should be manually QAed
• Changelog is updated with client-facing changes
• Changelog is updated with new localization keys
• New code is covered by unit tests
• Comparison screenshots added for visual changes
• Affected documentation updated (docusaurus, tutorial, CMS)

[github-actions]

	1 Warning
⚠️	Please be sure to complete the Contributor Checklist in the Pull Request description

Generated by 🚫 Danger

[laevandus]

I was thinking about bottom placement when I tried this (since now it appears always) but I guess it is fine to see it at the top as well.

Simulator.Screen.Recording.-.iPhone.15.Pro.-.2024-07-18.at.09.45.54.mp4

[martinmitrevski]

Showing it always for a split second is a bit too much imo. We could add a loading spinner instead of the avatar on the top left while connecting maybe?
In any case, I would park this for now until we have a better way.

[nuno-vieira]

@martinmitrevski I've hidden this behind a flag in the demo app