Fix string split on ':' only split on first (#408)

* Fix string split on ':' only split on first

Say the validation rule `date_format:!Y-m-d H:i:s` was used.
That would parse to the badge containing "Format: !Y-m-d H i s", stripping the required ":"'s.
This fixes that by only splitting on the first ":" and keeping the remaining string as is, including ":".

* remove semi colons

Author: Ken-vdE

ui/src/components/elements/ApiInfoRules.tsx

@@ -12,7 +12,9 @@ export default function ApiInfoRules(props: Props) {
     const { rules, mainRule } = props
     const StyledRule = (rule: any): JSX.Element => {
         const theRule = rule.rule
-        const split = theRule.split(':')
+        const _tmp = theRule.split(':')
+        const split = _tmp.splice(0, 1)
+        _tmp.length && split.push(_tmp.join(':'))
 
         if (theRule == 'url') {
             return (