Mobile post screen improved Ui

[HelloSniperMonkey]

Description

This PR introduces a redesigned New Post page, taking inspiration from Instagram’s intuitive and modern post creation flow. The update enhances the overall user experience by offering a cleaner layout, improved visual styling, and better interaction cues. Users can now seamlessly select an image, preview it, add a caption, and share it through an interface that feels familiar and easy to use.

Key improvements:

• Redesigned layout with a clean, centered image preview

• Caption input field with improved spacing and typography

• Clear and prominent “Post” button for better user interaction

• Consistent design language with the rest of the app

• Responsive layout ensuring usability across different screen sizes

This change enhances the app’s usability, especially for new users, by aligning with common patterns seen in popular social platforms.

Fixes #356

Type of change

• Refactor (UI/UX improvements without altering core functionality)

How Has This Been Tested?

Please include screenshots below if applicable.

Previous

New

Checklist:

• My code follows the style guidelines of this project
• I have performed a self-review of my own code
• I have commented my code, particularly in hard-to-understand areas
• I have made corresponding changes to the documentation
• My changes generate no new warnings
• I have added tests that prove my fix is effective or that my feature works
• New and existing unit tests pass locally with my changes
• Any dependent changes have been merged and published in downstream modules
• I have checked my code and corrected any misspellings

Maintainer Checklist

• closes Improve UI/UX of Share Post Screen #356
• Tag the PR with the appropriate labels