#972 upadtion testp.html and other files

[byteom]

What does this PR do?

This PR enhances the interactivity of the profile page by making all profile fields editable, saving changes in local storage, and adding a dynamic notification system with popup alerts. Additionally, the PR includes a fully functional profile image upload feature that saves the selected image to local storage, allowing it to persist across sessions.

Key Changes:

• Editable Profile Fields: Added contenteditable attribute to make profile fields such as name, email, phone, and address editable. Changes are automatically saved to localStorage.
• Profile Image Upload: Enabled image upload functionality, allowing users to update their profile picture. The image is saved in localStorage and persists across page reloads.

Fixes

• Fixes [BUG] Making testp.html Editable - Profile Page #972

Type of Change

• Bug fix (non-breaking change which fixes an issue)
• New feature (non-breaking change which adds functionality)
• Chore (refactoring code, technical debt, workflow improvements)
• Breaking change (fix or feature that would cause existing functionality to not work as expected)
• This change requires a documentation update

Screenshots

Mandatory Tasks

• Make sure you have self-reviewed the code. A decent size PR without self-review might be rejected.

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
ticket-booking	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Nov 9, 2024 8:51pm