Improve: UX and DX in delete and reset modals

[pranavgoel29]

Resolves #381

This update is all about the new DeleteOrResetModal component, built to make delete and reset actions simpler and more consistent. It’s a reusable modal that keeps things uniform across the app UI and comes with handy features like confirmation text and an optional processing state.

New Component Introduction:

• src/components/Misc/DeleteOrResetModal.tsx: Added a new DeleteOrResetModal component to handle delete and reset actions with confirmation text and optional processing state. (with proper JSDocs 😎)
• src/components/Misc/styles/DeleteOrResetModal.module.css: Added new CSS styles for the DeleteOrResetModal component.

Modals updated:

• Roles section
  • Delete Role modal
  • Remove roles privilege
• Users section
  • Complete user delete modal
  • User role privilege removal
  • Reset user password
• Delete a tile modal updates from a dashboard.
• Fixed button order and styling in the Ingestor Deletion modal.

Other fixes:

• Fixed selectedRole and selectStream state value var naming in RoleTR.tsx and PrivilegeTR.tsx respectively.
• Renamed 'data-itemId' to 'data-itemid' to resolve react prop warning.

Before:

After:

[praveen5959]

looks good

[nikhilsinhaparseable]

approved