New: UI Updates, Tag manager, More custom filters (#437)

* New: UI Updates, Tag manager, More custom filters

* fixup! Fix ScanFixture Unit Tests

* Fixed: Sentry Errors from UI don't have release, branch, environment

* Changed: Bump Mobile Detect for New Device Detection

* Fixed: Build on changes to package.json

* fixup! Add MetadataProfile filter option

* fixup! Tag Note, Blacklist, Manual Import

* fixup: Remove connectSection

* fixup: root folder comment

frontend/src/Components/Form/FormInputGroup.js

@@ -83,6 +83,7 @@ function FormInputGroup(props) {
     containerClassName,
     inputClassName,
     type,
+    unit,
     buttons,
     helpText,
     helpTexts,
@@ -115,6 +116,19 @@ function FormInputGroup(props) {
             hasButton={hasButton}
             {...otherProps}
           />
+
+          {
+            unit &&
+              <div
+                className={
+                  type === inputTypes.NUMBER ?
+                    styles.inputUnitNumber :
+                    styles.inputUnit
+                }
+              >
+                {unit}
+              </div>
+          }
         </div>
 
         {
@@ -219,6 +233,7 @@ FormInputGroup.propTypes = {
   containerClassName: PropTypes.string.isRequired,
   inputClassName: PropTypes.string,
   type: PropTypes.string.isRequired,
+  unit: PropTypes.string,
   buttons: PropTypes.oneOfType([PropTypes.node, PropTypes.arrayOf(PropTypes.node)]),
   helpText: PropTypes.string,
   helpTexts: PropTypes.arrayOf(PropTypes.string),