Implement and test contribution form

[zainfathoni]

Overview

Implement the contribution form to substitute the current Google Form implementation.

Some parts of this epic is demonstrated in these talks:

• Testing for Reliable Web Apps talk: Pengujian untuk Aplikasi Web yang Andal - video recording.
• Software Web Testing: Pengujian Perangkat Lunak Web.

Definition of Done

1. Implement a form to replace the contribution form
2. Implement a view to show the submitted form to the user
3. Write end-to-end tests to cover both implementations above

Implementation Plan

Infrastructure Preparations

• Database Integration
  • Compose SQLite database schema
  • Implement list contributions page #3
  • Compose MySQL database schema and connect it to PlanetScale #5
• End-to-end test integration
  • Setup Playwright #9
  • Setup CI workflow for the end-to-end tests #10
• Unit & integration tests integration
  • Setup React Testing Library #12
  • Setup CI workflow for the unit & integration tests #13
  • Integrate Jest Preview, probably doesn't support Vitest yet
• Static analysis
  • Setup CodeQL analysis #15
  • Setup CI workflow for type checking #16

Features

• Implementation
  • Implement new contributions page #21
  • Implement view contributions page #22
• Tests
  • Write e2e tests for contributions form #23
  • Write unit & integration tests for contributions form #24
• Approval mechanism
  • Implement basic authentication system
  • Gatekeep list contributions page
  • Provide actions for curating contributions