Bug Report: Update and delete buttons of event modal are not working

[kanhaiya04]

Describe the bug
Update and delete buttons of the event modal are not working as expected.

To Reproduce
Steps to reproduce the behavior:

1. Open events page.
2. Open event modal of any event.
3. Notice the update and delete icon in the bottom right are not working.

Expected behavior
The update and delete buttons should perform their respective tasks.

Actual behavior
Both the buttons are doing nothing.

Screenshots

Additional details
Add any other context or screenshots about the feature request here.

Potential internship candidates
Please read this if you are planning to apply for a Palisadoes Foundation internship PalisadoesFoundation/talawa#359

[kanhaiya04]

@palisadoes Please assign me this issue.

[palisadoes]

@rishav-jha-mech Is this addressed in your latest PR?

[rishav-jha-mech]

@palisadoes Event and People screens were out of scope for my project. This modal should be redesigned according to the latest design standards. I'll update the figma file soon, for now @kanhaiya04 can work on this.

[kanhaiya04]

Hey @rishav-jha-mech, I attempted to resolve this issue by updating the data-toggle and data-target attributes to data-bs-toggle and data-bs-target, respectively, following the guidelines from Bootstrap 5.3 documentation.

Now, the buttons are producing an error response, whereas previously, there was no response at all.

ERROR ne.getInstance(...) is null ./node_modules/bootstrap/dist/js/bootstrap.min.js/</<@http://localhost:3000/static/js/bundle.js:147739:13 i@http://localhost:3000/static/js/bundle.js:146670:53

Can you suggest me the fix?

[rishav-jha-mech]

@kanhaiya04 follow react-bootstrap, using attribute based elements wont work here