Refactor: Replace useState with React Hook Form and update form layout

[gchyuli]

📝 Replace useState with React Hook Form and update form layout

🛠️ Issue

• Closes [FEAT]: Refactor Profile Page with React Hook Form + Zod #248

📖 Description

This PR refactors the Profile Page to improve form state management and validation. We replaced the use of local useState and manual onChange handlers with [React Hook Form](https://react-hook-form.com/) and [Zod](https://zod.dev/) for schema-based validation. The form layout was also updated to use shadcn/ui components for consistency and better UX.

✅ Changes made

• Integrated React Hook Form with a Zod schema (formSchema) to validate fields such as first name, last name, email, and country.
• Replaced raw HTML elements with shadcn/ui components:
  Form, FormField, FormItem, FormControl, and FormMessage.
• Displayed validation error messages below each input using <FormMessage>, preserving translation keys.
• Kept the Stellar Wallet field disabled and non-editable as required.
• Integrated the custom CountrySelect component with React Hook Form, syncing its internal state with the form value.
• Maintained full internationalization support by using useTranslations() for all field labels and messages.

🖼️ Media (screenshots/videos)

📜 Additional Notes

• This refactor aligns the Profile Page with the platform's UI/UX standards and improves scalability for future form enhancements.

[derianrddev]

Hello @gchyuli

Some translation keys are missing — especially under profile.validation (e.g., nameRequired, surnameRequired, emailInvalid, countryRequired).

These should be included in the en.ts and es.ts files inside frontend/locales, specifically under the profile section.
You can organize them inside a nested validation object like this:

profile: {
  ...
  validation: {
    nameRequired: "Name is required",
    emailInvalid: "Invalid email format",
    countryRequired: "Country is required",
    ...
  }
}

Also, please apply the other requested changes from the review.
Once that's done, this will be ready to merge!

[derianrddev]

This "backend": "file:" entry looks unintended — please remove it.

[derianrddev]

This "frontend": "file:" entry seems accidental — it can be safely removed.

[derianrddev]

The "safeswap": "file:" entry doesn’t point to a valid local package — consider removing it.

[derianrddev]

Please remove package-lock.json from apps/backend — it's not needed in a workspace project using a single root lockfile.

[derianrddev]

Please remove package-lock.json from apps/frontend

[derianrddev]

Great job! Thank you very much!