refactor(profile): migrate edit profile modal to SolidJS (@AzureNightlock)

[AzureNightlock]

Description

This PR: Migrates the Edit Profile modal to a SolidJS component

Changes Made:

• Added the new SolidJS + Tanstack EditProfile popup component
• Sends the updated profile details to the backend when the form is saved
• Immediately updates the page to show the new updated values
• Integrated the new EditProfile popup into UserDetails
• Deleted the edit-profile.ts and the popup dialog from popups.html
• Removed the event-handler from account.ts
• Removed popups.scss for edit-profile

Additional Changes Made:

• Changed twitter schema maxlength to 15 instead of 20
• Using tailwind instead of popups.scss
• Added EditProfile to modals.ts

Checks

• Check if any open issues are related to this PR; if so, be sure to tag them below.
• Make sure the PR title follows the Conventional Commits standard. (https://www.conventionalcommits.org for more info)
• Make sure to include your GitHub username prefixed with @ inside parentheses at the end of the PR title.

Closes #7683

[github-actions]

Continuous integration check(s) failed. Please review the failing check's logs and make the necessary changes.

[fehmer]

let's extract the schema for bio and keyboard from UserProfileDetailsSchema and use it here for validation

[github-actions]

Continuous integration check(s) failed. Please review the failing check's logs and make the necessary changes.

[AzureNightlock]

Sorry for the inconvience, I have added maxLength to TextareaField and changed validations accordingly

[github-actions]

Continuous integration check(s) failed. Please review the failing check's logs and make the necessary changes.

[github-actions]

Continuous integration check(s) failed. Please review the failing check's logs and make the necessary changes.