[Tech-Debt] FAM Add User Permission Child Components Decoupling From Direct Parent Form Update.

[ianliuwk1019]

Describe the task
During ticket #2058 (Granting multiple regular users permissions), the add user permissions related components and child components were refactoring toward using read-only parent form (best practice) with phase 1 being relying on vee-validate's useForm two utilities provided: values and setFieldValue passing down to child components.

For example, DelegatedAdminSection.vue:

This ticket is the phase 2 of finishing refactoring of these components (related to add regular user permissions, and delegated admin permissions).

• Avoid directly passing all parent form values.
• Passing necessary values only to child component.
• Use emit or callback functions so that parent will handle changes from child components, such as role selection change to update form's role.

Acceptance Criteria

• Refactoring add regular users/delegated admin user related components (parent, children) as above described.
• Exam if granting FAM application admin also has this directly modifying form from child component and refactoring if necessary.
• Detail manual navigation testing and make sure behavior is like before and no missing changes, especially testing with BCeID users and delegated admin only users.

Additional context

• Add any other context about the task here.
• Or here