fix: adapt translation keys to our convention (#1988)

src/core/client/install/components/Header.tsx

@@ -25,7 +25,7 @@ const Header: StatelessComponent<HeaderProps> = ({ main }) => {
       >
         The Coral Project
       </Typography>
-      <Localized id="install-title">
+      <Localized id="install-header-title">
         <Typography
           className={cn(styles.subHeadline, {
             [styles.subHeadlineMain]: main,

src/core/client/install/steps/components/BackButton.tsx

@@ -13,7 +13,7 @@ const BackButton: StatelessComponent<BackButtonProps> = ({
   onGoToPreviousStep,
 }) => {
   return (
-    <Localized id="install-back">
+    <Localized id="install-backButton-back">
       <Button
         onClick={onGoToPreviousStep}
         variant="filled"

src/core/client/install/steps/components/NextButton.tsx

@@ -16,7 +16,7 @@ const NextButton: StatelessComponent<NextButtonProps> = props => {
       type="submit"
       disabled={props.submitting}
     >
-      <Localized id="install-next">
+      <Localized id="install-nextButton-next">
         <span>Next</span>
       </Localized>
       <ButtonIcon>arrow_forward</ButtonIcon>

src/core/client/install/steps/components/PermittedDomains.tsx

@@ -100,7 +100,7 @@ const PermittedDomains: StatelessComponent<PermittedDomainsForm> = props => {
             </Field>
 
             <Flex direction="row-reverse" itemGutter>
-              <Localized id="install-finishInstall">
+              <Localized id="install-permittedDomains-finishInstall">
                 <Button
                   variant="filled"
                   color="primary"