Add automated component and integration tests

[Lakes41]

Summary

Introduce a real frontend test suite for the most important member, admin, wallet, and gated access flows.

Current Behaviour

The project has lint and typecheck scripts, but no visible test script or test framework. Behaviour such as mock/live API switching, admin guards, access denial, and role assignment is not protected by automated tests.

Expected Behaviour

Core UI and API integration behaviour should be covered by deterministic tests that run in CI and local development.

Suggested Implementation

Add Vitest with React Testing Library for component and hook-level tests. Add mock providers for wagmi and React Query. Cover mock API behaviour, Gated, AdminGuard, admin member role assignment, and policy updates.

Files or Areas Likely Affected

• package.json
• vitest.config.ts
• test/
• components/gated.tsx
• components/admin-guard.tsx
• app/admin/members/page.tsx
• app/admin/policies/page.tsx
• lib/api/

Acceptance Criteria

• npm test runs the frontend test suite
• Tests cover connected and disconnected wallet states
• Tests cover allowed and denied gated access
• Tests cover admin and non-admin access to admin pages
• Tests cover role assignment success and validation failure
• Tests are documented in the README or contributing guide

Additional Notes

Keep tests independent from browser wallet extensions and external blockchain RPC endpoints.

[Swayymalcolm99]

hi maintainer

I have experience building automated test suites that improve frontend and backend reliability.
I can add component and integration tests covering user interactions, component behavior, API flows, and critical application workflows.
My approach ensures better regression protection, faster issue detection, and higher confidence during releases.