Mark/update settings to toggle auto detect schema changes notifications

[matter-q]

What

Closes #17830

How

• Added new card to toggle auto-detect schema changes notifications

For test purposes, you need to use the feature variable: REACT_APP_FEATURE_ALLOW_AUTO_DETECT_SCHEMA_CHANGES=true

Loom

https://www.loom.com/share/4fc94c68c2894538b6b73c19e2fcc48a

[teallarson]

On the right track!

Please remove the file rearrangements and save for a separate PR. It makes the diff muddy and difficult to tell what has been changed in the code.

A few other notes:

• we should not be using relative imports for our root stylesheets
• this entire component needs to be hidden if the auto-detect schema changes feature is not turned on

[matter-q]

On the right track!

Please remove the file rearrangements and save for a separate PR. It makes the diff muddy and difficult to tell what has been changed in the code.

A few other notes:

• we should not be using relative imports for our root stylesheets
• this entire component needs to be hidden if the auto-detect schema changes feature is not turned on

Sorry for such a mess. I will return to the original (master branch) structure 😇

[YatsukBogdan1]

left one question to @krishnaglick besides that LGTM. Will approve, after all other comments from guys will be fixed

[krishnaglick]

After some investigation and a discussion with Mark:

1. Pull out the local loading state and use the loading state from the connection edit service.
2. Remove the error notification toast.
   This will slim down the logic in the component to just the update call, and utilization of loading state.

I've made two tickets to extend off this:
Use local loading
Toast errors

Edit: Correction, there was a slack conversation about the error toast.

[dizel852]

LGTM

[teallarson]

tested locally with flag off and on, creating and editing connections (did not have any connections from before this PR to test)

code lgtm