Fixes #14803: ignore capitalization when confirming deletes (#14804)

* ignore case when confirming deletes

* Test confirmation of deletes works when case differs 

Added test case for 'delete' as the confirmation text.

openmetadata-ui/src/main/resources/ui/src/components/common/DeleteWidget/DeleteWidgetModal.test.tsx

@@ -80,6 +80,24 @@ describe('Test DeleteWidgetV1 Component', () => {
     });
   });
 
+  it('Delete click should work properly regardless of capitalization', async () => {
+    await act(async () => {
+      render(<DeleteWidgetModal {...mockProps} />);
+
+      const inputBox = await screen.findByTestId('confirmation-text-input');
+      const confirmButton = await screen.findByTestId('confirm-button');
+      const hardDelete = await screen.findByTestId('hard-delete');
+
+      userEvent.click(hardDelete);
+
+      userEvent.type(inputBox, 'delete');
+
+      expect(confirmButton).not.toBeDisabled();
+
+      userEvent.click(confirmButton);
+    });
+  });
+
   it('Discard click should work properly', async () => {
     await act(async () => {
       render(<DeleteWidgetModal {...mockProps} />);

openmetadata-ui/src/main/resources/ui/src/components/common/DeleteWidget/DeleteWidgetModal.tsx

@@ -124,7 +124,7 @@ const DeleteWidgetModal = ({
 
   const isDeleteTextPresent = useMemo(() => {
     return (
-      deleteConfirmationText === DELETE_CONFIRMATION_TEXT &&
+      deleteConfirmationText.toLowerCase() === DELETE_CONFIRMATION_TEXT.toLowerCase() &&
       (deletionType === DeleteType.SOFT_DELETE ||
         deletionType === DeleteType.HARD_DELETE)
     );