[Fixed]: Navbar Active State Not Highlighting Docs and Specification related pages (#1537)

* fixed Navbar Active State Not Highlighting Docs and Specification on Related Pages

* Adding few edge cases

* Fix prettier

---------

Co-authored-by: Benjamin Granados <[email protected]>

Author: KajalMishra-29

components/Layout.tsx

@@ -137,7 +137,14 @@ const MainNavLink = ({
   className?: string;
 }) => {
   const router = useRouter();
-  const isActiveNav = router.asPath.startsWith(uri);
+  const isActiveNav =
+    router.asPath.startsWith(uri) ||
+    (uri === '/docs' && router.asPath.startsWith('/overview')) ||
+    (uri === '/docs' && router.asPath.startsWith('/learn')) ||
+    (uri === '/docs' && router.asPath.startsWith('/implementers')) ||
+    (uri === '/docs' &&
+      router.asPath.startsWith('/understanding-json-schema')) ||
+    (uri === '/specification' && router.asPath.startsWith('/draft'));
 
   return (
     <Link