feat: use JSX instead of strings for bio

app/_page_sections/AboutSection.tsx

@@ -1,5 +1,5 @@
 import { aboutPicture } from "@/_assets/illustrations";
-import bio from "@/_data/bio";
+import Bio from "@/_data/bio";
 import Image from "next/image";
 import React from "react";
 import cls from "./AboutSection.module.scss";
@@ -9,9 +9,7 @@ const AboutSection: React.FC = () => (
 		<div>
 			<h2>About me</h2>
 
-			{ bio.map((i, index) =>
-				<p key={ index }>{ i }</p>
-			) }
+			<Bio />
 		</div>
 
 		<Image src={ aboutPicture.src } alt={ aboutPicture.alt } />