Update navbar to show active path

components/navbar.tsx

@@ -83,7 +83,12 @@ export const Navbar = ({
 							className='hidden sm:flex'>
 							<NextLink
 								className={clsx(
-									linkStyles({ color: 'foreground' }),
+									linkStyles({
+										color:
+											item.href === pathname
+												? 'primary'
+												: 'foreground',
+									}),
 									'data-[active=true]:font-medium data-[active=true]:text-primary'
 								)}
 								color='foreground'
@@ -170,7 +175,11 @@ export const Navbar = ({
 						return (
 							<NavbarMenuItem key={`${item}-${index}`}>
 								<Link
-									color={'foreground'}
+									color={
+										item.href === pathname
+											? 'primary'
+											: 'foreground'
+									}
 									href={item.href}
 									size='lg'>
 									{item.label}

config/site.ts

@@ -4,10 +4,6 @@ export const siteConfig = {
 	name: 'Dashboard',
 	description: 'Dashboard to manage your bookmarks',
 	navItems: [
-		{
-			label: 'Home',
-			href: '/',
-		},
 		{
 			label: 'Dashboard',
 			href: '/dashboard',