[Bug]: Android header and footer still not fixed for edge to edge display with capacitor 7.1.0

[sufian1985]

Capacitor Version

💊 Capacitor Doctor 💊

Latest Dependencies:

@capacitor/cli: 7.1.0
@capacitor/core: 7.1.0
@capacitor/android: 7.1.0
@capacitor/ios: 7.1.0

Installed Dependencies:

@capacitor/cli: 7.1.0
@capacitor/core: 7.1.0
@capacitor/ios: 7.1.0
@capacitor/android: 7.1.0

[success] iOS looking great! 👌
[success] Android looking great! 👌

Other API Details

npm 10.9.2

Platforms Affected

• iOS
• Android
• Web

Current Behavior

The header overlaps with the status bar. The padding in header for status bar is not working

Expected Behavior

Proper padding should be there for status bar

Project Reproduction

https://github.com/ionic-team/starters/tree/main/angular-standalone/official/tabs

Additional Information

It is easily reproducable by cloning any of the ionic template projects.