Improve from cluster modal copy

Author: Mattia Franchetto

frontend/locales/en/strings.json

@@ -339,7 +339,7 @@
     },
     "fromClusterModal": {
       "title": "Start with an existing cluster",
-      "description": "Choose an existing cluster to populate the wizard before you start. Only clusters whose version matches the version of AWS ParallelCluster can be selected.",
+      "description": "Choose an existing cluster to populate the wizard before you start. You can only <strong>Create</strong> clusters with the same AWS ParallelCluster version that was used to create the AWS ParallelCluster UI.",
       "actions": {
         "cancel": "Cancel",
         "create": "Create"

frontend/src/old-pages/Clusters/FromClusterModal/FromClusterModal.tsx

@@ -23,7 +23,7 @@ import {
   NonCancelableEventHandler,
 } from '@cloudscape-design/components/internal/events'
 import React, {useCallback} from 'react'
-import {useTranslation} from 'react-i18next'
+import {Trans, useTranslation} from 'react-i18next'
 import {useClustersToCopyFrom} from './useClustersToCopyFrom'
 
 interface Props {
@@ -81,7 +81,7 @@ export const FromClusterModal: React.FC<Props> = ({
       header={t('cluster.fromClusterModal.title')}
     >
       <SpaceBetween size="s">
-        <Box>{t('cluster.fromClusterModal.description')}</Box>
+        <Trans i18nKey="cluster.fromClusterModal.description" />
         <Select
           selectedOption={selectedCluster}
           options={clustersToDisplay}