IO-787 Delete bill confirmation.

client/src/components/bill-delete-button/bill-delete-button.component.jsx

@@ -1,5 +1,5 @@
 import { useMutation } from "@apollo/client";
-import { Button, notification } from "antd";
+import { Button, notification, Popconfirm } from "antd";
 import React, { useState } from "react";
 import { useTranslation } from "react-i18next";
 import { DELETE_BILL } from "../../graphql/bills.queries";
@@ -47,9 +47,19 @@ export default function BillDeleteButton({ bill }) {
 
   return (
     <RbacWrapper action="bills:delete" noauth={<></>}>
-      <Button disabled={bill.exported} onClick={handleDelete} loading={loading}>
-        {t("general.actions.delete")}
-      </Button>
+      <Popconfirm
+        disabled={bill.exported}
+        onConfirm={handleDelete}
+        title={t("bills.labels.deleteconfirm")}
+      >
+        <Button
+          disabled={bill.exported}
+          // onClick={handleDelete}
+          loading={loading}
+        >
+          {t("general.actions.delete")}
+        </Button>
+      </Popconfirm>
     </RbacWrapper>
   );
 }