Translation update, updating inline div tags and placeHolder attributes

frontend/src/Settings/CustomFormats/CustomFormats/EditCustomFormatModalContent.js

@@ -101,7 +101,9 @@ class EditCustomFormatModalContent extends Component {
 
             {
               !isFetching && !!error &&
-                <div>Unable to add a new custom format, please try again.</div>
+                <div>
+                  {translate('UnableToAddANewCustomFormatPleaseTryAgain')}
+                </div>
             }
 
             {

frontend/src/Settings/CustomFormats/CustomFormats/Specifications/AddSpecificationModalContent.js

@@ -42,7 +42,9 @@ class AddSpecificationModalContent extends Component {
 
           {
             !isSchemaFetching && !!schemaError &&
-              <div>Unable to add a new condition, please try again.</div>
+              <div>
+                {translate('UnableToAddANewConditionPleaseTryAgain')}
+              </div>
           }
 
           {
@@ -50,8 +52,13 @@ class AddSpecificationModalContent extends Component {
               <div>
 
                 <Alert kind={kinds.INFO}>
-                  <div>Radarr supports custom conditions against the release properties below.</div>
-                  <div>Visit <Link to='https://github.com/Radarr/Radarr/wiki/Custom-Formats-Aphrodite'>GitHub</Link> for more details.</div>
+                  <div>
+                    {translate('RadarrSupportsCustomConditionsAgainstTheReleasePropertiesBelow')}
+                  </div>
+                  <div>
+                    {translate('VisitGithubCustomFormatsAphrodite')}
+                    <Link to="https://github.com/Radarr/Radarr/wiki/Custom-Formats-Aphrodite">GitHub</Link>
+                  </div>
                 </Alert>
 
                 <div className={styles.specifications}>

frontend/src/Settings/CustomFormats/CustomFormats/Specifications/EditSpecificationModalContent.js

@@ -51,8 +51,14 @@ function EditSpecificationModalContent(props) {
           {
             fields && fields.some((x) => x.label === 'Regular Expression') &&
               <Alert kind={kinds.INFO}>
-                <div>This condition matches using Regular Expressions.  See <Link to="https://www.regular-expressions.info/tutorial.html">here</Link> for details.  Note that the characters <code>{'\\^$.|?*+()[{'}</code> have special meanings and need escaping with a <code>\</code></div>
-                <div>Regular expressions can be tested <Link to="http://regexstorm.net/tester">here</Link>.</div>
+                <div>
+                  <div dangerouslySetInnerHTML={{ __html: translate('ThisConditionMatchesUsingRegularExpressions', ['<code>\\^$.|?*+()[{</code>', '<code>\\</code>']) }} />
+                  {translate('MoreDetails')} <Link to="https://www.regular-expressions.info/tutorial.html">{translate('LinkHere')}</Link>
+                </div>
+                <div>
+                  {translate('RegularExpressionsCanBeTested')}
+                  <Link to="http://regexstorm.net/tester">{translate('LinkHere')}</Link>
+                </div>
               </Alert>
           }