fix: make <a/> links open in new tab

src/app/page.tsx

@@ -23,9 +23,9 @@ function Content() {
 				</header>
 
 				<nav className="social-links">
-					<a href={TWITTER_LINK}>twitter</a> •
+					<a href={TWITTER_LINK} target="_blank" rel="noopener noreferrer">twitter</a> •
 					<a onClick={toggleModal}>discord</a> •
-					<a href={STEAM_LINK} style={{ cursor: 'pointer' }}>steam</a>
+					<a href={STEAM_LINK} target="_blank" rel="noopener noreferrer">steam</a>
 				</nav>
 
 				<section className="content-box">
@@ -36,18 +36,18 @@ function Content() {
 				<section className="content-box">
 					<h2 className="title">✧ projects im currently working on ✧</h2>
 					<ul className="directory">
-						<li><a href="https://git.neru.rip/neru/seallib">seallib</a></li>
+						<li><a href="https://git.neru.rip/neru/seallib" target="_blank" rel="noopener noreferrer">seallib</a></li>
-						<li><a href="https://git.neru.rip/neru/tinymitm">tinymitm</a></li>
+						<li><a href="https://git.neru.rip/neru/tinymitm" target="_blank" rel="noopener noreferrer">tinymitm</a></li>
-						<li><a href="https://git.neru.rip/neru/luma">luma</a></li>
+						<li><a href="https://git.neru.rip/neru/luma" target="_blank" rel="noopener noreferrer">luma</a></li>
 					</ul>
 				</section>
 
 				<section className="content-box">
 					<h2 className="title">✧ sites ✧</h2>
 					<ul className="directory">
-						<li><a href="https://git.neru.rip">gitea</a></li>
+						<li><a href="https://git.neru.rip" target="_blank" rel="noopener noreferrer">gitea</a></li>
-						<li><a href="https://zl.neru.rip">zipline</a></li>
+						<li><a href="https://zl.neru.rip" target="_blank" rel="noopener noreferrer">zipline</a></li>
-						<li><a href="https://files.neru.rip">files</a></li>
+						<li><a href="https://files.neru.rip" target="_blank" rel="noopener noreferrer">files</a></li>
 					</ul>
 				</section>