New: Dynamic Select and UMask Fields

Fixes #5380
Fixes #5348
Fixes #5167
Fixes #5166

Co-Authored-By: Taloth <Taloth@users.noreply.github.com>

frontend/src/Components/Form/HintedSelectInputOption.js

@@ -9,6 +9,7 @@ function HintedSelectInputOption(props) {
     id,
     value,
     hint,
+    depth,
     isSelected,
     isDisabled,
     isMultiSelect,
@@ -19,6 +20,7 @@ function HintedSelectInputOption(props) {
   return (
     <EnhancedSelectInputOption
       id={id}
+      depth={depth}
       isSelected={isSelected}
       isDisabled={isDisabled}
       isHidden={isDisabled}
@@ -48,6 +50,7 @@ HintedSelectInputOption.propTypes = {
   id: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired,
   value: PropTypes.string.isRequired,
   hint: PropTypes.node,
+  depth: PropTypes.number,
   isSelected: PropTypes.bool.isRequired,
   isDisabled: PropTypes.bool.isRequired,
   isMultiSelect: PropTypes.bool.isRequired,