added cv button to home page

src/app/(landing)/Header.tsx

@@ -6,17 +6,25 @@ import { Link } from "@nextui-org/link";
 import { Spacer } from "@nextui-org/spacer";
 import { Tooltip } from "@nextui-org/tooltip";
 import { Component } from "@typings/component";
+import NextLink from "next/link";
 
 import { useMemo } from "react";
-import { FiGithub, FiMail, FiLinkedin } from "react-icons/fi";
+import { FiGithub, FiMail, FiLinkedin, FiFileText } from "react-icons/fi";
 
 import HeaderProps from "@models/header";
 
+interface Social {
+	link: string;
+	name: string;
+	icon: React.ReactElement;
+	isExternal?: boolean;
+}
+
 export const Header: Component<{ data: HeaderProps; avatar: string }> = ({
 	data,
 	avatar
 }) => {
-	const socials = useMemo(
+	const socials = useMemo<Social[]>(
 		() => [
 			{
 				link: `mailto:${data.contact.email}`,
@@ -32,6 +40,12 @@ export const Header: Component<{ data: HeaderProps; avatar: string }> = ({
 				link: data.contact.linkedin,
 				name: "LinkedIn",
 				icon: <FiLinkedin />
+			},
+			{
+				link: "/cv",
+				name: "Cv",
+				icon: <FiFileText />,
+				isExternal: false
 			}
 		],
 		[data.contact]
@@ -57,7 +71,12 @@ export const Header: Component<{ data: HeaderProps; avatar: string }> = ({
 					<Spacer y={4} />
 
 					{socials.map((social) => (
-						<Link isExternal href={social.link} key={social.name.toLowerCase()}>
+						<Link
+							isExternal={social.isExternal ?? true}
+							as={NextLink}
+							href={social.link}
+							key={social.name.toLowerCase()}
+						>
 							<Tooltip showArrow content={social.name}>
 								<Button
 									className="text-2xl mr-4"

src/app/(landing)/Projects.tsx

@@ -12,10 +12,10 @@ import ProjectProps from "@models/project";
 export const Projects: Component<{ data: ProjectProps[] }> = ({ data }) => {
 	return (
 		<>
-			<div className="container mx-auto">
+			<div className="container mx-auto p-4 min-h-96">
 				<h1 className="text-4xl text-center mb-8">Projects</h1>
 
-				<div className="grid gap-4 grid-cols-1 lg:grid-cols-2 xl:grid-cols-3">
+				<div className="grid gap-4 grid-cols-1 lg:grid-cols-2 xl:grid-cols-3 ">
 					{data.map((project) => {
 						const url = new URL(project.url);
 

src/app/cv/Cv.tsx

@@ -1,7 +1,6 @@
 "use client";
 
 import { Card, CardBody } from "@nextui-org/card";
-import { Divider } from "@nextui-org/divider";
 import { Image } from "@nextui-org/image";
 import { Listbox, ListboxItem } from "@nextui-org/listbox";
 import { Progress } from "@nextui-org/progress";