Turn off translation for title (#177)

* Turn off translation for title

* lint fix

web/frontend/src/components/Header.tsx

@@ -10,7 +10,7 @@ export default function Header() {
       <a href="/">
         <img src={logo} alt="Logo" width={'150px'} />
       </a>{' '}
-      <h3>Piro Synthesis Analyzer</h3>
+      <h3 translate="no">Piro Synthesis Analyzer</h3>
       <a href="/about" className={styles.Aboutlink}>
         About
       </a>

web/frontend/src/features/cognito/Prelogin.tsx

@@ -14,13 +14,15 @@ export default function PreLogin() {
         </button>
       </header>
       <div className={LoginCSS.firstblock}>
-        <div className={LoginCSS.piroheader}>Piro Synthesis Analyzer</div>
+        <div className={LoginCSS.piroheader} translate="no">
+          Piro Synthesis Analyzer
+        </div>
         <div className={LoginCSS.firstblockbody}>
-          The Piro Synthesis Analyzer is an application that assists with rational planning of solid-state synthesis
-          routes for inorganics. It is a recommendation system for navigation and planning of synthesis of inorganic
-          materials based on classical nucleation theory and semi-empirical, data-driven approximations to its parts.
-          Currently, the app works with Materials Project data via its Rester API. Sign in to learn more and use the
-          tool.
+          The <span translate="no">Piro Synthesis Analyzer</span> is an application that assists with rational planning
+          of solid-state synthesis routes for inorganics. It is a recommendation system for navigation and planning of
+          synthesis of inorganic materials based on classical nucleation theory and semi-empirical, data-driven
+          approximations to its parts. Currently, the app works with Materials Project data via its Rester API. Sign in
+          to learn more and use the tool.
         </div>
         <button className={LoginCSS.signinbutton}>
           <div className={LoginCSS.signincontent} onClick={() => Auth.federatedSignIn()}>
@@ -60,7 +62,13 @@ export default function PreLogin() {
           <br></br>
           <p className={LoginCSS.thirdblockcontent}>
             To request access or if you have questions about logging in, reach out to us at{' '}
-            <a href="mailto:[email protected]" target="_blank" rel="noreferrer" className={LoginCSS.mailstyle}>
+            <a
+              href="mailto:[email protected]"
+              target="_blank"
+              rel="noreferrer"
+              className={LoginCSS.mailstyle}
+              translate="no"
+            >
               [email protected]
             </a>
             .

web/frontend/src/pages/About/About.tsx

@@ -78,7 +78,7 @@ const About: React.FC<highlightProps> = ({ highlightedParagraph, highlight }) =>
             </p>
             <p className={styles.Content}>
               If you have any questions or feedback, please reach out to us at{' '}
-              <a href="mailto:[email protected]" className={styles.mailstyle}>
+              <a href="mailto:[email protected]" className={styles.mailstyle} translate="no">
                 [email protected]
               </a>
               .