Implement Group Activity Feed and Audit Trail Component with Filter Controls

[Cjay-Cyber-2]

Description — what to implement and the why/impact.

Transparency is a core pillar of Mergepay. Users need a comprehensive group activity feed that logs every action—such as expense creation, edits, settlements, and member joins—complete with Stellar transaction hashes and timestamps. This issue introduces an audit trail component with filtering controls.

Context & Requirements — background, constraints, design references, edge cases; grounded in the actual repo (real files, stack, conventions).

The component should be built inside src/components/groups/ utilizing date-fns for date formatting and lucide-react icons. It must support filtering by event type (settlements vs. expenses) and search strings, matching the neobrutalist styling guidelines.

Acceptance Criteria — a checklist ("- [ ] ...") of specific, testable conditions that define "done`".

• Create ActivityFeed.tsx in src/components/groups/.
• Implement filtering controls by category (settlement, expense, member).
• Format timestamps cleanly using date-fns and render external links for Stellar transaction hashes when applicable.
• Pass npm run typecheck, npm run lint, and npm test.

Implementation Guidance — likely files/modules to touch (use real paths from the repo context) and a suggested approach, without over-prescribing.

• Reference src/lib/types.ts for activity event data structures.
• Utilize UI primitives from src/components/ui/ for badges, cards, and input controls.

Testing & Validation — how the contributor should prove it works (tests to add/run, manual checks, screenshots for UI).

• Add unit tests for filter logic and date formatting utilities.
• Verify interactive filtering behavior and responsiveness.

Submission Guidelines — must open a PR that includes "Closes #"; assignment is required before starting; follow the repo's existing style and conventions.

---

Wave complexity: Medium

[Ranjeet2063]

Hey folks,

I would love to take this on. My planned approach:

• Build Implement Group Activity Feed and Audit Trail Component with Filter Controls with modular React/Next.js components, responsive styling, and proper loading/error states.
• Include component tests and verify clean production build with zero TypeScript/lint issues.

I am ready to start immediately—please assign this to me!