fix(ui): Fix Destination Cluster URL/Name Drop down not updating destination field (#13813)

[Conrimaceogain]

Fixes #13813

Currently, when users attempt to choose NAME in the Destination dropdown, the inner state does not change. With this PR, we move the loading of the destFormat state into a useEffect, which should address when we were reloading our state. Also addresses a React warning related to mutating our state outside of our component:

Warning: Cannot update a component (`ApplicationCreatePanel`) while rendering a different component (`DataLoader`). To locate the bad setState() call inside `DataLoader`, follow the stack trace as described in https://fb.me/setstate-in-render

Note on DCO:

If the DCO action in the integration test fails, one or more of your commits are not signed off. Please click on the Details link next to the DCO action for instructions on how to resolve this.

Checklist:

• Either (a) I've created an enhancement proposal and discussed it with the community, (b) this is a bug fix, or (c) this does not need to be in the release notes.
• The title of the PR states what changed and the related issues number (used for the release note).
• The title of the PR conforms to the Toolchain Guide
• I've included "Closes [ISSUE #]" or "Fixes [ISSUE #]" in the description to automatically close the associated issue.
• I've updated both the CLI and UI to expose my feature, or I plan to submit a second PR with them.
• Does this PR require documentation updates?
• I've updated documentation as required by this PR.
• Optional. My organization is added to USERS.md.
• I have signed off all my commits as required by DCO
• I have written unit and/or e2e tests for my change. PRs without these are unlikely to be merged.
• My build is green (troubleshooting builds).
• My new feature complies with the feature status guidelines.
• I have added a brief description of why this PR is necessary and/or what this PR solves.

Please see Contribution FAQs if you have questions about your pull-request.

[codecov]

Codecov Report

Patch and project coverage have no change.

Comparison is base (1bffe34) 49.76% compared to head (c2e73d6) 49.76%.

Additional details and impacted files

@@           Coverage Diff           @@
##           master   #14216   +/-   ##
=======================================
  Coverage   49.76%   49.76%           
=======================================
  Files         261      261           
  Lines       44659    44659           
=======================================
  Hits        22225    22225           
  Misses      20249    20249           
  Partials     2185     2185           

see 1 file with indirect coverage changes

☔ View full report in Codecov by Sentry.
📢 Do you have feedback about the report comment? Let us know in this issue.

[rbreeze]

LGTM

[jmeridth]

@crenshaw-dev viable for merge or has to wait post 2.8 stuff? Thank you.

[ebuildy]

I can confirm ui-test is OK!

[crenshaw-dev]

/cherry-pick release-2.8

[crenshaw-dev]

/cherry-pick release-2.7

[crenshaw-dev]

/cherry-pick release-2.6