feat: implement updating an existing healthcare professional

[NabbeunNabi]

Resolves #795

• PR title follows Conventional Commits specs

🔧 What changed

Before there was no way to update an existing healthcare professional in our database. This implements the functionality with updated UI/UX.

📸 Screenshots

• Before

Not implemented

• After

• Firestore before update
  
  
  

-Firestore after update

-Video

edit_existing_hp.mp4

-Video with new input (version 2)
https://github.com/user-attachments/assets/ffe77441-334b-45e5-bda4-2160ecc1ab60

-Removed quick flash with timeout (version 2)

localhost_3000_moderation_edit-healthcare-professional_lbolXh9oxAqW89wZ4FHP.-.Google.Chrome.2025-01-29.20-46-25.mp4

@ermish Version 3 with it looking like part of the card only when editing and not adding a new one.

card_update_2.mp4

[netlify]

✅ Deploy Preview for findadoc ready!

Name	Link
🔨 Latest commit	94e90b5
🔍 Latest deploy log	https://app.netlify.com/sites/findadoc/deploys/67a008170089ca00084a7ba0
😎 Deploy Preview	https://deploy-preview-956--findadoc.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[ermish]

@NabbeunNabi for the UX, there's a couple concerns I've got.

• the edit button location to me is confusing. The card feels like nice example rendering to display how their name would look on the card, but the edit and delete buttons should not be in it. Can we move them into a separate container?
• For the locale selector, the call to action is a bit strange. Am I adding a name per selected locale? How do I know which ones are set? I would recommend we could start with something like an array of name cards for each locale and they can add/remove one. This should work because most people don't have a name in more than 3 languages.

[NabbeunNabi]

@NabbeunNabi for the UX, there's a couple concerns I've got.

• the edit button location to me is confusing. The card feels like nice example rendering to display how their name would look on the card, but the edit and delete buttons should not be in it. Can we move them into a separate container?
• For the locale selector, the call to action is a bit strange. Am I adding a name per selected locale? How do I know which ones are set? I would recommend we could start with something like an array of name cards for each locale and they can add/remove one. This should work because most people don't have a name in more than 3 languages.

@ermish updated. Will add another video with the update to the PR description

[ermish]

Loving the updates! Looks like you got all the UX changes in.
One more usability change:
Can you make the fields section attached to the preview card?
It doesn't look like they're the same item.