Refactor info field component (#1527)

* fix: 🐛 refactor info-field component

Overall context of how the `<InfoField/>` was changed to the correct
order.  Corrected css grid to have the order of
`label,input-field,helper-text`. Also refactored all component instances
affected by the change.

* refactor: 💡 refactor styling for icon to be center

refactor will get the icon as close to center as possible.

* chore: 🤖 tweak info field styles

Co-authored-by: dvonanderson <devon.anderson@hashicorp.com>

ui/admin/app/styles/app.scss

@@ -468,6 +468,7 @@
     .hds-form-text-input {
       background-color: transparent;
       border: 0;
+      color: var(--token-form-label-color);
       grid-area: text-input;
       font-size: sizing.rems(m);
       padding: 0;
@@ -475,7 +476,6 @@
 
     .hds-form-helper-text {
       color: var(--token-form-label-color);
-      line-height: sizing.rems(m) + sizing.rems(xxs);
       grid-area: helper-text;
     }
   }