Update : add status using variants, center items from the status

apps/frontend/src/routes/_dashboardLayout/assessmentRequestManagements/index.lazy.tsx

@@ -87,21 +87,28 @@ export default function AssessmentRequestManagementsPage() {
 
 				columnHelper.display({
 					header: "Status",
-					cell: (props) => {
+					cell: (props) => (
-						const status = props.row.original.status;
+						<div className="flex items-center justify-center">
-						switch (status) {
+							{(() => {
-							case "menunggu konfirmasi":
+								const status = props.row.original.status;
-								return <Badge variant={"waiting"}>Menunggu Konfirmasi</Badge>;
+								switch (status) {
-							case "diterima":
+									case "menunggu konfirmasi":
-								return <Badge variant={"accepted"}>Diterima</Badge>;
+										return <Badge variant={"waiting"}>Menunggu Konfirmasi</Badge>;
-							case "ditolak":
+									case "diterima":
-								return <Badge variant={"rejected"}>Ditolak</Badge>;
+										return <Badge variant={"accepted"}>Diterima</Badge>;
-							case "selesai":
+									case "dalam pengerjaan":
-								return <Badge variant={"completed"}>Selesai</Badge>;
+										return <Badge variant={"inprogress"}>Dalam Pengerjaan</Badge>;
-							default:
+									case "selesai":
-								return <Badge variant={"outline"}>Tidak diketahui</Badge>;
+									case "ditolak":
-						}
+										return <Badge variant={"rejected"}>Ditolak</Badge>;
-					},
+									case "selesai":
+										return <Badge variant={"completed"}>Selesai</Badge>;
+									default:
+										return <Badge variant={"outline"}>Tidak diketahui</Badge>;
+								}
+							})()}
+						</div>
+					),
 				}),
 
 				columnHelper.display({