Solved a little bug

.gitignore

@@ -23,6 +23,7 @@
 npm-debug.log*
 yarn-debug.log*
 yarn-error.log*
+.pnpm-debug.log*
 
 # local env files
 .env*.local
@@ -33,3 +34,7 @@ yarn-error.log*
 # typescript
 *.tsbuildinfo
 next-env.d.ts
+
+.env
+.yarn/*
+.history*

src/components/Navbar.tsx

@@ -21,7 +21,7 @@ export default function Navbar({currentPage}: {currentPage: string}) {
 						href="/"
 						className={clsx(
 							"hover:border-b-2 hover:border-b-mti-purple-light transition ease-in-out duration-300",
-							currentPage === "/" && "",
+							currentPage === "/" && "border-b-2 border-b-mti-purple-light",
 						)}>
 						Home
 					</Link>
@@ -29,7 +29,7 @@ export default function Navbar({currentPage}: {currentPage: string}) {
 						href="/services"
 						className={clsx(
 							"hover:border-b-2 hover:border-b-mti-purple-light transition ease-in-out duration-300",
-							currentPage === "/services" && "",
+							currentPage === "/services" && "border-b-2 border-b-mti-purple-light",
 						)}>
 						Services
 					</Link>
@@ -37,7 +37,7 @@ export default function Navbar({currentPage}: {currentPage: string}) {
 						href="/about"
 						className={clsx(
 							"hover:border-b-2 hover:border-b-mti-purple-light transition ease-in-out duration-300",
-							currentPage === "/about" && "",
+							currentPage === "/about" && "border-b-2 border-b-mti-purple-light",
 						)}>
 						About us
 					</Link>
@@ -45,7 +45,7 @@ export default function Navbar({currentPage}: {currentPage: string}) {
 						href="/history"
 						className={clsx(
 							"hover:border-b-2 hover:border-b-mti-purple-light transition ease-in-out duration-300",
-							currentPage === "/history" && "",
+							currentPage === "/history" && "border-b-2 border-b-mti-purple-light",
 						)}>
 						History
 					</Link>
@@ -53,7 +53,7 @@ export default function Navbar({currentPage}: {currentPage: string}) {
 						href="/contact"
 						className={clsx(
 							"hover:border-b-2 hover:border-b-mti-purple-light transition ease-in-out duration-300",
-							currentPage === "/contact" && "",
+							currentPage === "/contact" && "border-b-2 border-b-mti-purple-light",
 						)}>
 						Contact
 					</Link>

tsconfig.json

@@ -1,7 +1,11 @@
 {
   "compilerOptions": {
     "target": "es5",
-    "lib": ["dom", "dom.iterable", "esnext"],
+    "lib": [
+      "dom",
+      "dom.iterable",
+      "esnext"
+    ],
     "allowJs": true,
     "skipLibCheck": true,
     "strict": true,
@@ -19,9 +23,18 @@
       }
     ],
     "paths": {
-      "@/*": ["./src/*"]
+      "@/*": [
+        "./src/*"
+      ]
     }
   },
-  "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts"],
+  "include": [
-  "exclude": ["node_modules"]
+    "next-env.d.ts",
-}
+    "**/*.ts",
+    "**/*.tsx",
+    ".next/types/**/*.ts"
+  ],
+  "exclude": [
+    "node_modules"
+  ]
+}