feat: UI optimizations for avatar, personal addresses and addNewAddresses modal

[Esther-Lita]

• Created a new ExternalEmailModal component for adding external email addresses to the organization
• Updated AddEmailModal component to open the ExternalEmailModal when selecting 'Add External Email Instead'
• Removed the obsolete external email page and transferred its functionalities to the new ExternalEmailModal component
• Added state management for modals in the organization mail addresses page
  -Resizing avatar on account creation
  -Properly aligned personal addresses

fixes issues: ENG-51 ENG-69 ENG-47

---

What does this PR do?

Fixes # (issue)

If there is not an issue for this, please create one first. This is used to tracking purposes and also helps use understand why this PR exists

Type of change

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

Checklist

Required

• Read Contributing Guide
• Self-reviewed my own code
• Tested my code in a local environment
• Commented on my code in hard-to-understand areas
• Checked for warnings, there are none
• Removed all console.logs
• Merged the latest changes from main onto my branch with git pull origin main
• My changes don't cause any responsiveness issues

Appreciated

• If a UI change was made: Added a screen recording or screenshots to this PR
• Updated the UnInbox Docs if changes were necessary

[Esther-Lita]

• feat: UI optimizations for avatar, personal addresses and addNewAddresses modal #621 👈
• main

This stack of pull requests is managed by Graphite. Learn more about stacking.

Join @Esther-Lita and the rest of your teammates on Graphite

[BlankParticle]

Also check CI and fix those errors