Fix Active Nav Link (#1107)

Fixed active nav link issue

src/hooks/useSelectedPathname.ts

@@ -0,0 +1,14 @@
+"use client";
+
+import { useParams, usePathname } from "next/navigation";
+
+function useSelectedPathname() {
+	const pathname = usePathname();
+
+	const { channel } = useParams<{ channel?: string }>();
+
+	const selectedPathname = channel ? pathname.replace(`/${channel}`, "") : pathname;
+	return selectedPathname;
+}
+
+export default useSelectedPathname;

src/ui/components/nav/components/NavLink.tsx

@@ -1,12 +1,11 @@
 "use client";
 
 import clsx from "clsx";
-import { usePathname } from "next/navigation";
 import { LinkWithChannel } from "@/ui/atoms/LinkWithChannel";
+import useSelectedPathname from "@/hooks/useSelectedPathname";
 
 export function NavLink({ href, children }: { href: string; children: JSX.Element | string }) {
-	const pathname = usePathname();
-
+	const pathname = useSelectedPathname();
 	const isActive = pathname === href;
 
 	return (