fix(SaveQueryDialog): should not duplicate component in DOM

[Raubzeug]

This pull request introduces significant refactoring to the QueryEditor and SaveQuery components, focusing on integrating the NiceModal library for improved modal handling. The changes also include updates to the SaveQueryDialog and related components to enhance their functionality and usability.

Key changes include:

Integration of NiceModal:

• src/containers/Tenant/Query/QueryEditor/QueryEditor.tsx: Imported NiceModal and replaced the direct usage of SaveQueryDialog with NiceModal.show to display the dialog. [1] [2] [3] [4]
• src/containers/Tenant/Query/SaveQuery/SaveQuery.tsx: Introduced NiceModal for showing the SaveQueryDialog and created SaveQueryDialogNiceModal for modal registration. [1] [2] [3] [4] [5] [6]

Refactoring of SaveQueryDialog:

• src/containers/Tenant/Query/SaveQuery/SaveQuery.tsx: Refactored SaveQueryDialog to accept additional props (onClose, open) and updated its implementation to work with NiceModal. [1] [2] [3]

Removal of Unused Query Actions:

• src/store/reducers/queryActions/types.ts: Removed the save action from the QueryActions type as it is no longer needed with the new modal handling.

Hook Updates:

• src/utils/hooks/withConfirmation/useChangeInputWithConfirmation.tsx: Updated the ExtendedSaveQueryButton component to use NiceModal for handling confirmation dialogs and refactored the related logic.

Stand

CI Results

Test Status: ⚠️ FLAKY

📊 Full Report

Total	Passed	Failed	Flaky	Skipped
154	153	0	1	0

Bundle Size: ✅

Current: 66.11 MB | Main: 66.11 MB
Diff: 0.00 MB (-0.00%)

✅ Bundle size unchanged.

ℹ️ CI Information

• Test recordings for failed tests are available in the full report.
• Bundle size is measured for the entire 'dist' directory.
• 📊 indicates links to detailed reports.
• 🔺 indicates increase, 🔽 decrease, and ✅ no change in bundle size.