[Enhancement] Add Unsaved Changes Warning for Profile Edit Forms

[aditimandal6292-web]

Description

Currently, if a user edits their profile information and accidentally refreshes the page, closes the tab, or navigates to another page without saving, all unsaved changes are lost without any warning.

Proposed Solution

Implement an unsaved changes detection mechanism for profile edit forms.

When a user modifies any field and attempts to:

• Refresh the page
• Close the browser tab/window
• Navigate to another page within the application

display a confirmation prompt warning that there are unsaved changes.

Expected Behavior

• Detect whether any form field has been modified.
• Show a warning only when there are unsaved changes.
• Remove the warning after the changes are saved successfully.
• Ensure normal navigation when no changes are pending.

Benefits

• Prevents accidental data loss.
• Improves user experience and trust.
• Makes profile editing more reliable and user-friendly.

I would like to work on this enhancement under GSSoC.

[aditimandal6292-web]

Hi @mayo-byte07,

I would like to work on this enhancement under GSSoC 2026. Kindly assign this issue to me and label it as GSSoC approved if it aligns with the project's goals.

Thank you!

[karrisanthoshigayatri]

Hi @mayo-byte07,

I would like to work on this enhancement. I can implement unsaved changes detection for profile edit forms and add appropriate warnings when users attempt to refresh, close the tab, or navigate away with pending changes. The warning will be cleared automatically after a successful save.

Please assign this issue to me if it is available.

Thank you!