change: open links in new tab/window with no ref

Author: Tbusk

src/components/common/ViewButton.tsx

@@ -5,7 +5,7 @@ interface ViewButtonProps {
 export default function ViewButton(props: ViewButtonProps) {
     return (
         <div className="pt-4 flex">
-            <a href={props.link} className="rounded-3xl  py-1.5 px-10 text-(--accent-color) bg-(--lightmode-background-color) dark:bg-(--darkmode-background-color) border-2 border-(--accent-color) dark:hover:bg-(--darkmode-background-color-hover) hover:scale-105">
+            <a href={props.link} rel="noreferrer" target="_blank" className="rounded-3xl  py-1.5 px-10 text-(--accent-color) bg-(--lightmode-background-color) dark:bg-(--darkmode-background-color) border-2 border-(--accent-color) dark:hover:bg-(--darkmode-background-color-hover) hover:scale-105">
                 <div className="text-lg dark:text-(--darkmode-text-color-primary) font-bold dark:font-normal">
                     View
                 </div>

src/components/education/EducationItem.tsx

@@ -21,7 +21,7 @@ export default function EducationItem(props: EducationItemProps) {
             <SubSectionTitle name={props.name}/>
 
             <div className="text-md pb-2 dark:text-(--darkmode-text-color-tertiary) text-(--lightmode-text-color-secondary)">
-                <a href={props.link} className="underline dark:hover:text-(--darkmode-text-color-secondary) hover:text-(--lightmode-text-color-primary)">
+                <a rel="noreferrer" target="_blank" href={props.link} className="underline dark:hover:text-(--darkmode-text-color-secondary) hover:text-(--lightmode-text-color-primary)">
                     {props.institution}
                 </a>
             </div>

src/components/experience/ExperienceItem.tsx

@@ -29,7 +29,7 @@ export default function ExperienceItem(props: ExperienceItemProps) {
 
             <div className="text-md dark:text-(--darkmode-text-color-tertiary) text-(--lightmode-text-color-secondary) pb-2">
                 {props.website ? (
-                    <a className="underline dark:hover:text-(--darkmode-text-color-secondary) hover:text-(--lightmode-text-color-secondary)" href={props.website}>
+                    <a rel="noreferrer" target="_blank" className="underline dark:hover:text-(--darkmode-text-color-secondary) hover:text-(--lightmode-text-color-secondary)" href={props.website}>
                         {props.company}
                     </a>
                 ) : <div className="">{props.company}</div>}