Add real-time animated funding progress bar with WebSocket integratio…

[Mmesolove]

Closes #108

---

Description
Create an animated funding progress bar that updates in real time via WebSockets as new on-chain investments occur.

Requirements & Context

The component should reflect live platform activity to enhance user engagement and create a sense of urgency (FOMO).
Progress must update instantly and smoothly as new investment events are received.

Suggested Implementation

Build components/FundingProgress.tsx:
Subscribe to WebSocket events for new investments
Update the current funding amount and recalculate progress percentage
Ensure the progress value is capped at 100%
Use Framer Motion to:
Animate the progress bar fill smoothly on each update
Avoid abrupt jumps (use easing or spring-based transitions)
Optionally animate numeric value changes for better UX

Edge Cases & Considerations

Handle WebSocket disconnects and reconnections gracefully
Prevent UI glitches during rapid consecutive updates
Ensure accurate state synchronization with on-chain data

Acceptance Criteria

Real-time updates reflected without delay
Smooth, visually appealing animations
Stable behavior under frequent event updates
Clean, reusable, and well-structured component

[Mmesolove]

Please review and merge

[gabito1451]

same here @Mmesolove , please look in to ci fail

[Mmesolove]

Please review and merge @gabito1451