refactor(jsconfig): replace all module aliases with '@/*'

jsconfig.json

@@ -2,16 +2,7 @@
 	"compilerOptions": {
 		"baseUrl": ".",
 		"paths": {
-			"@components": ["src/components"],
-			"@components/*": ["src/components/*"],
-			"@hooks": ["src/hooks"],
-			"@hooks/*": ["src/hooks/*"],
-			"@utils": ["src/utils"],
-			"@utils/*": ["src/utils/*"],
-			"@styles": ["src/styles"],
-			"@styles/*": ["src/styles/*"],
-			"@lib": ["src/lib"],
-			"@lib/*": ["src/lib/*"]
+			"@/*": ["src/*"]
 		}
 	}
 }

src/components/GradientBackground.jsx

@@ -1,7 +1,7 @@
 import { ParallaxBanner } from "react-scroll-parallax";
 import { Box, createStyles } from "@mantine/core";
 
-import { gradientBackgroundAnimation } from "@styles";
+import { gradientBackgroundAnimation } from "@/styles";
 
 const backgroundColors = ["#5E81AC", "#81A1C1", "#88C0D0", "#8FBCBB"];
 

src/components/Header.jsx

@@ -13,8 +13,8 @@ import {
 import { useDisclosure } from "@mantine/hooks";
 import { NextLink } from "@mantine/next";
 
-import { useDiscordTag } from "@hooks";
-import { SOCIAL } from "@utils";
+import { useDiscordTag } from "@/hooks";
+import { SOCIAL } from "@/utils";
 
 import Logo from "public/logo.png";
 import { social, username } from "website.config";

src/components/Skill.jsx

@@ -1,6 +1,6 @@
 import { Center, createStyles, useMantineTheme } from "@mantine/core";
 
-import { floatingAnimation } from "@styles";
+import { floatingAnimation } from "@/styles";
 
 const useStyles = createStyles({
 	small: {

src/components/sections/About.jsx

@@ -21,7 +21,7 @@ import {
 	BrandVisualStudio as VscodeIcon,
 } from "tabler-icons-react";
 
-import { Skill } from "@components";
+import { Skill } from "@/components";
 
 const useStyles = createStyles(theme => ({
 	react: {

src/components/sections/Home.jsx

@@ -10,7 +10,7 @@ import {
 } from "@mantine/core";
 import { useOs } from "@mantine/hooks";
 
-import { WaveBackground, GlassCard, WaveDivider } from "@components";
+import { WaveBackground, GlassCard, WaveDivider } from "@/components";
 
 import { username, technologies } from "website.config";
 

src/pages/index.jsx

@@ -1,9 +1,9 @@
 import { useMantineColorScheme } from "@mantine/core";
 
-import { fetchGithubInfo, formatCommits } from "@lib";
+import { fetchGithubInfo, formatCommits } from "@/lib";
 
-import { Header } from "@components";
-import { Home, About } from "@components/sections";
+import { Header } from "@/components";
+import { Home, About, Projects } from "@/components/sections";
 
 import { about, firstCommitDate, location, bio } from "website.config";
 
@@ -15,6 +15,7 @@ export default function LandingPage({ bio, about }) {
 			<Header />
 			<Home bio={bio} />
 			<About content={about} />
+			<Projects />
 		</>
 	);
 }