Describe the bug
There are multiple styling issues in Wrappid's style package, written primarily with CSS styles that work on the web but do not translate well to mobile. This is causing numerous errors and unexpected behaviours in mobile applications. Consequently, addressing these style compatibility issues is essential for improving the user experience and reducing support requests.

Task

• bugfix: auth layout for mobile auth-module#139
• bugfix: theme is not loaded in auth-module component native-mobile#99

To Reproduce
Steps to reproduce the behaviour:

1. Set up the mobile environment.
2. Start the server.
3. Observe various errors related to styling in the mobile application.

Expected behaviour
All styles should work seamlessly in the mobile application, similar to their behaviour on the web.

Stack Trace

Screenshots

Additional context

• The styling issues appear to stem from using certain CSS properties that do not have equivalent support in React Native.
• Some properties that work on the web (like float, flex, and certain CSS values) are causing layout problems or crashing the app on mobile.

Suggested Next Steps for Resolution

• Review the style properties being used in the Wrappid style package for compatibility with React Native.
• Refactor styles to align with Flexbox principles and React Native styling conventions.
• Test extensively on various devices and API levels to ensure consistent behaviour.