🐛 Mobile | Top Bar fixes

[zacharykeeping]

1. What triggered this change? (PBI link, Email Subject, conversation + reason, etc)

Testing

2. What was changed?

1. Implements a proper workaround on iOS for the gap that appears above our custom top bar. We previously worked around this by setting a negative Y translation on the top bar on iOS but this gap can change between devices (such as the latest iPhone 16 models which have an increased gap). This change fills the gap with our Background colour for all gap sizes so our top bar template can work generically.
2. Fixes an issue where title text in the top bar can be off-centre.

✅ Figure: There are no gaps above the top bar when the Y translation is removed

✅ Figure: Title text is now correctly vertically centred

3. Did you do pair or mob programming?

No

[matt-goldman-ssw]

This feels a little dirty - having this in AppShell. Happy to merge now but consider adding an issue to investigating whether this can be handled in the platform folder.

[zacharykeeping]

This feels a little dirty - having this in AppShell. Happy to merge now but consider adding an issue to investigating whether this can be handled in the platform folder.

Thanks - I can look into this.

I've created a PBI for this here: #1090