fix: #839 fix browser console error for labels

[J0taFerreira]

• fixed console error for labels not having a match id.

One of the ways primevue recommends for labeling it's inputs is to use aria-labelledby with a matching span as label.
exemple:
<span id="rb2">Two</span> <RadioButton aria-labelledby="rb2" />

[ianliuwk1019]

I seem to see these (not error, but warning) still, seems to be related:

[MCatherine1994]

I don't feel we need these changes....

If we check the primevue component:

• for InputText, it has example how to use the label: https://primevue.org/inputtext/#floatlabel, so basically we need to give an id to the "InputText" element, not the "Field" element
• for Dropdown, it has example as well: https://primevue.org/dropdown/#floatlabel, update: the label for dropdown doesn't work as expected in the official documentation
• for RadioButton, there is no example

I'll try to push some fixes

[MCatherine1994]

I also did a cleanup and restructure of the elements in the grant access form component. When write the page elements, make sure we use the same pattern for the sections. For example, for this grant access form, each field should share the similar structure. For each field, it will be inside a div element with the classname "row" for margin. And then inside each div, it will be label and whatever form element. It will make our code more clear.