Display reputation and report quality indicators in mobile profile and detail flows

[S-Mubarak]

Description

Reputation should influence user trust and make contributions feel meaningful.

Scope

• Add reputation badge and stats to profile
• Show reporter credibility summary where appropriate
• Design UI states for low, medium, and high trust

Acceptance Criteria

• Mobile profile shows current trust level and supporting stats
• UI language is understandable to end users
• No raw internal scoring jargon leaks into the product surface

Dependencies

Blocked by: #131
Blocked by: #118

Stack

React Native / Express

[1sraeliteX]

@1sraeliteX has applied to work on this issue as part of the Stellar Wave Program's 3rd wave.

I would like to work on this issue. My plan:

Add a reputation badge and supporting stats to the mobile profile screen, displaying trust level in clear user-friendly language with no internal scoring jargon exposed
Design three distinct UI states for low, medium, and high trust levels with appropriate visual treatments and accessible language
Show a reporter credibility summary in relevant detail flows where trust context adds value to the user experience
Ensure all reputation language is product-friendly and meaningful to end users

Tests will cover correct badge and stats rendering per trust level, credibility summary display in detail flows, no raw scoring values leaking to the UI, and correct state transitions as reputation changes.
Branch: feat/reputation-indicators-mobile
Commit: feat(profile) add reputation badge and trust indicators to mobile profile and detail flows
PR will include: Closes issue id, full PR template, and screenshots of all three trust level UI states on mobile.
Please assign, happy to start once blockers 131 and 118 are resolved, or to discuss the UI design direction in the meantime.
Thanks!

ℹ️ Repo Maintainers: To accept this application, review their application or assign @1sraeliteX to this issue.