safe area not working on horizontal mode in IOS 

Here is the code:
```
        await SafeArea.addListener('safeAreaChanged', (data:any) => {
            const { insets } = data;
            for (const [key, value] of Object.entries(insets)) {
                document.documentElement.style.setProperty(
                    `--safe-area-inset-${key}`,
                    `${value}px`,
                );
            }
        });