style: Improve PWA experience on iOS devices

[dorage]

Summary

• Enhanced PWA experience for iOS devices by adding proper safe area handling
• Fixed layout issues where content was hidden behind iOS home indicator and status bar

Problem

There was an issue where the update available button kept showing because version matching failed due to the remaining 'V' prefix. Additionally, on iOS devices running as PWA, content was being obscured by system UI elements.

Changes

• Fixed app height to prevent overflow issues in PWA mode
• Added ios-top-safe and ios-bottom-safe classes for proper safe area padding

• Added padding adjustments for:
  • Sidebar component (top/bottom safe areas)

• MainContent header (top safe area)

• FileTree component (bottom safe area with extra spacing)
  Forget to take screenshots

• CodeEditor modal (top/bottom safe areas)

• QuickSettingsPanel (top safe area)

• New Project mobile form (bottom safe area positioning)

• Adjusted z-index for QuickSettingsPanel pull tab to prevent overlap issues

Before

before.mov

After

after.mov

Test plan

• Test on iOS devices in PWA mode
• Test on regular desktop/mobile browsers for regression
• Verify all modals and overlays display correctly