fix: replace fake reputation ring with animated SVG progress

[EmeditWeb]

Problem

The reputation score ring (lines 213-225) uses a simple View with borderWidth, not an SVG arc/circle animation. The vision specifies an animated score RING (circular progress).

What To Build

1. Replace border-based ring with animated SVG circular progress
2. Add entrance animation on page load
3. Re-animate on score change (pull-to-refresh)

Files To Touch

• app/(tabs)/reputation.tsx — lines 213-225

Acceptance Criteria

• Circular progress using SVG arcs
• Animated on mount and score change
• Accessible (aria-valuenow)
• Build passes

Mandatory Checks

• context/ files read
• PR references this issue

[Deylan-S]

Hi! I'm interested in fixing this. I can handle replacing the current border ring with the animated SVG and ensuring all acceptance criteria are met. Could you assign it to me?

[Joyyyb]

Hi team,
​I'd love to claim this task. I can replace the current border-based ring in app/(tabs)/reputation.tsx with an animated SVG circular progress component, complete with an entrance animation on page load and re-animation on score changes (pull-to-refresh).
​
​Best,
Joyyyb