Fixes #492: Added delete button for deleting textBoxes (#513)

* Update pnpm-lock.yaml

* Resolved merge conflicts

* Replace remote files with local files

---------

Co-authored-by: Subramani E <[email protected]>

apps/registration-admin/tsconfig.app.tsbuildinfo

@@ -1 +1 @@
-{"root":["./src/App.tsx","./src/main.tsx","./src/vite-env.d.ts","./src/hooks/useAlert.tsx","./src/hooks/useFetch.tsx","./src/pages/Form.tsx","./src/pages/NotFound.tsx","./src/pages/Registered.tsx"],"version":"5.7.2"}
+{"root":["./src/App.tsx","./src/main.tsx","./src/vite-env.d.ts","./src/hooks/useAlert.tsx","./src/hooks/useFetch.tsx","./src/pages/Form.tsx","./src/pages/NotFound.tsx","./src/pages/Registered.tsx"],"version":"5.7.2"}

apps/web-admin/src/components/CertificateUploadBox.jsx

@@ -30,6 +30,7 @@ import {
 import dynamic from 'next/dynamic';
 // import { useEffect } from 'react';
 import { KonvaEventObject } from 'konva/lib/Node'; // Import for event types
+import { set } from 'date-fns';
 const Stage = dynamic(() => import('react-konva').then((mod) => mod.Stage), { ssr: false });
 const Layer = dynamic(() => import('react-konva').then((mod) => mod.Layer), { ssr: false });
 const KonvaImage = dynamic(() => import('react-konva').then((mod) => mod.Image), { ssr: false });
@@ -197,6 +198,12 @@ function CertifcateUploadBox() {
     }
   };
 
+  const handleDelete = () => {
+    setTexts((prevTexts) => prevTexts.filter((text) => text.id !== selectedText.id));
+    setSelectedText(null);
+    onClose();
+  };
+
   return (
     <Box
       display="flex"
@@ -384,6 +391,9 @@ function CertifcateUploadBox() {
             {/* You can add font and color selectors here */}
           </ModalBody>
           <ModalFooter>
+            <Button marginRight={'9.3em'} colorScheme="red" onClick={handleDelete}>
+              Delete
+            </Button>
             <Button colorScheme="teal" onClick={handleModalSubmit}>
               Save
             </Button>