docs(): adding badges to readme

README.md

 This is a [Next.js](https://nextjs.org/) project bootstrapped with [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app).
 
+## Pipeline Status
+
+- Main
+
+    [![main pipeline status](https://gitlab.cs.ui.ac.id/jeremy.reeve/ppl-individual-submission/badges/main/pipeline.svg)](https://gitlab.cs.ui.ac.id/jeremy.reeve/ppl-individual-submission/commits/main)
+
+- Staging
+
+    [![staging pipeline status](https://gitlab.cs.ui.ac.id/jeremy.reeve/ppl-individual-submission/badges/staging/pipeline.svg)](https://gitlab.cs.ui.ac.id/jeremy.reeve/ppl-individual-submission/commits/staging)
+
+## Website Link
+
+- Production: <https://ppl-individual-submission.vercel.app/>
+
+## Sonarqube Status
+
+[![Quality gate](https://sonarqube.cs.ui.ac.id/api/project_badges/quality_gate?project=jeremy.reeve_ppl-individual-submission_AYZag6UloB3q0Wl8w2xb)](https://sonarqube.cs.ui.ac.id/dashboard?id=jeremy.reeve_ppl-individual-submission_AYZag6UloB3q0Wl8w2xb)
+
+
+
 ## Getting Started
 
 First, run the development server: