fixing security issue with a tags

src/Components/Contact.js

@@ -1,49 +1,64 @@
-import React, {useState} from 'react';
+import React, { useState } from "react";
 
-import FormModal from './FormModal';
+import FormModal from "./FormModal";
 
-import Container from 'react-bootstrap/Container';
-import Col from 'react-bootstrap/Col';
-import Row from 'react-bootstrap/Row';
-import 'bootstrap/dist/css/bootstrap.css';
+import Container from "react-bootstrap/Container";
+import Col from "react-bootstrap/Col";
+import Row from "react-bootstrap/Row";
+import "bootstrap/dist/css/bootstrap.css";
 
-import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
-import { faLinkedin } from '@fortawesome/free-brands-svg-icons';
-import { faGithub } from '@fortawesome/free-brands-svg-icons';
-import { faEnvelope } from '@fortawesome/free-solid-svg-icons';
+import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
+import { faLinkedin } from "@fortawesome/free-brands-svg-icons";
+import { faGithub } from "@fortawesome/free-brands-svg-icons";
+import { faEnvelope } from "@fortawesome/free-solid-svg-icons";
 
-function Contact(){
+function Contact() {
+  const [modalShow, setModalShow] = useState(false);
 
-    const [modalShow, setModalShow] = useState(false);
-
-    return (
-        <>
-            <Container>
-                <Row>
-                    <Col xs="3">
-                        <a target="_blank" href="https://www.linkedin.com/in/nicholas-aguirre-a23a0616a/" className="contactLink">
-                            <FontAwesomeIcon icon={faLinkedin} id="linkedInIcon" />
-                            <br/>
-                            <p className="iconSubtitle">LinkedIn</p>
-                        </a>
-                    </Col>
-                    <Col xs="3">
-                        <a target="_blank" href="https://github.com/HeyNeek" className="contactLink">
-                            <FontAwesomeIcon icon={faGithub} id="githubIcon" />
-                            <br/>
-                            <p className="iconSubtitle">GitHub</p>
-                        </a>
-                    </Col>
-                    <Col xs="3">
-                        <FontAwesomeIcon onClick={() => setModalShow(true)} icon={faEnvelope} id="emailIcon" />
-                        <br/>
-                        <p onClick={() => setModalShow(true)} className="iconSubtitle">Email</p>
-                    </Col>
-                </Row>
-            </Container>
-            <FormModal show={modalShow} onHide={() => setModalShow(false)} />
-        </>
-    )
+  return (
+    <>
+      <Container>
+        <Row>
+          <Col xs="3">
+            <a
+              target="_blank"
+              rel="noreferrer"
+              href="https://www.linkedin.com/in/nicholas-aguirre-a23a0616a/"
+              className="contactLink"
+            >
+              <FontAwesomeIcon icon={faLinkedin} id="linkedInIcon" />
+              <br />
+              <p className="iconSubtitle">LinkedIn</p>
+            </a>
+          </Col>
+          <Col xs="3">
+            <a
+              target="_blank"
+              rel="noreferrer"
+              href="https://github.com/HeyNeek"
+              className="contactLink"
+            >
+              <FontAwesomeIcon icon={faGithub} id="githubIcon" />
+              <br />
+              <p className="iconSubtitle">GitHub</p>
+            </a>
+          </Col>
+          <Col xs="3">
+            <FontAwesomeIcon
+              onClick={() => setModalShow(true)}
+              icon={faEnvelope}
+              id="emailIcon"
+            />
+            <br />
+            <p onClick={() => setModalShow(true)} className="iconSubtitle">
+              Email
+            </p>
+          </Col>
+        </Row>
+      </Container>
+      <FormModal show={modalShow} onHide={() => setModalShow(false)} />
+    </>
+  );
 }
 
-export default Contact;
+export default Contact;

src/Components/Projects.js

@@ -31,6 +31,7 @@ function Projects() {
               <a
                 className="card-links"
                 target="_blank"
+                rel="noreferrer"
                 href="https://www.youtube.com/watch?v=oi2WjwFdS8U&ab_channel=NickAguirre"
               >
                 Demo
@@ -39,6 +40,7 @@ function Projects() {
                 id="card-github-link"
                 className="card-links"
                 target="_blank"
+                rel="noreferrer"
                 href="https://github.com/HeyNeek/space-city-coffee"
               >
                 GitHub
@@ -64,6 +66,7 @@ function Projects() {
               <a
                 className="card-links"
                 target="_blank"
+                rel="noreferrer"
                 href="https://www.youtube.com/watch?v=js5H6XZfNk8&ab_channel=NickAguirre"
               >
                 Demo
@@ -72,6 +75,7 @@ function Projects() {
                 id="card-github-link"
                 className="card-links"
                 target="_blank"
+                rel="noreferrer"
                 href="https://github.com/HeyNeek/character-creator"
               >
                 GitHub