UI Job

# style
- UI Job di bagian user selesai

# fix
- Scroll data untuk beranda dan tampilan yang lain selesi

## No issue

src/app_modules/job/detail/review/view.tsx

@@ -12,6 +12,9 @@ import { Job_funEditStatusByStatusId } from "../../fun/edit/fun_edit_status_by_s
 import { ComponentGlobal_NotifikasiGagal } from "@/app_modules/component_global/notif_global/notifikasi_gagal";
 import notifikasiToAdmin_funCreate from "@/app_modules/notifikasi/fun/create/create_notif_to_admin";
 import mqtt_client from "@/util/mqtt_client";
+import ComponentGlobal_UI_Modal from "@/app_modules/component_global/ui/ui_modal";
+import { useDisclosure } from "@mantine/hooks";
+import { useState } from "react";
 
 export default function Job_DetailReview({ dataJob }: { dataJob: MODEL_JOB }) {
   return (
@@ -27,6 +30,8 @@ export default function Job_DetailReview({ dataJob }: { dataJob: MODEL_JOB }) {
 function ButtonAction({ jobId }: { jobId: string }) {
   const router = useRouter();
   const [status, setStatus] = useAtom(gs_job_status);
+  const [opened, { open, close }] = useDisclosure();
+  const [isOpen, setOpen] = useState(false);
 
   async function onAction() {
     const update = await Job_funEditStatusByStatusId(jobId, "3");
@@ -57,12 +62,39 @@ function ButtonAction({ jobId }: { jobId: string }) {
   }
   return (
     <>
+      <ComponentGlobal_UI_Modal
+        opened={isOpen}
+        close={() => setOpen(false)}
+        title={"Anda yakin membatalkan review ?"}
+        buttonKiri={
+          <Button
+            radius={"xl"}
+            onClick={() => {
+              setOpen(false);
+            }}
+          >
+            Batal
+          </Button>
+        }
+        buttonKanan={
+          <Button
+            radius={"xl"}
+            color="orange"
+            onClick={() => {
+              onAction();
+            }}
+          >
+            Simpan
+          </Button>
+        }
+      />
+
       <Button
         radius={"xl"}
         color="orange"
-        mb={50}
+        my={"xl"}
         onClick={() => {
-          onAction();
+          setOpen(true);
         }}
       >
         Batalkan Review