feat: enhance instructions alerts with improved formatting and emphasis on key terms

Author: valearna

src/frontend/submission_form/src/widgets/Genetics.js

@@ -185,8 +185,8 @@ const Genetics = ({hideAlleles, hideStrains, toggleEntityVisibilityCallback}) =>
             <InstructionsAlert
                 alertTitleNotSaved=""
                 alertTitleSaved="Well done!"
-                alertTextNotSaved="Here you can find alleles and strains that have been experimentally studied in your paper.
-                    Please validate the list as for the previous section. You can also submit a new allele name and indicate an allele sequence change."
+                alertTextNotSaved={<>Here you can find alleles and strains that have been <strong>experimentally studied</strong> in your paper.
+                    Please validate the list as for the previous section. You can also submit a new allele name and indicate an allele sequence change.</>}
                 alertTextSaved="The data for this page has been saved, you can modify it any time."
                 saved={isSavedToDB}
             />

src/frontend/submission_form/src/widgets/Overview.js

@@ -83,9 +83,9 @@ const Overview = ({hideGenes, toggleEntityVisibilityCallback}) => {
             <InstructionsAlert
                 alertTitleNotSaved=""
                 alertTitleSaved="Well done!"
-                alertTextNotSaved="In this page you will see genes and species that have been experimentally studied in your
+                alertTextNotSaved={<>In this page you will see genes and species that have been <strong>experimentally studied</strong> in your
                     paper. Please validate the list by adding/removing entries. You can also
-                    notify us for gene model updates."
+                    notify us for gene model updates.</>}
                 alertTextSaved="The data for this page has been saved, you can modify it any time."
                 saved={isSavedToDB}
             />

src/frontend/submission_form/src/widgets/Reagent.js

@@ -99,9 +99,9 @@ const Reagent = () => {
             <InstructionsAlert
                 alertTitleNotSaved=""
                 alertTitleSaved="Well done!"
-                alertTextNotSaved="Here you can find transgenes that have been experimentally studied in your paper. Please
+                alertTextNotSaved={<>Here you can find transgenes that have been <strong>experimentally studied</strong> in your paper. Please
                     validate the list as for the previous section. You can also submit information about antibodies
-                    mentioned or generated in the study."
+                    mentioned or generated in the study.</>}
                 alertTextSaved="The data for this page has been saved, you can modify it any time."
                 saved={isSavedToDB}
             />