Feature/bug#1355 (#1366)

* Added proper links for jsonschema-core.md and jsonschema-validation.md in specification-links.md

* the specification dropdown fix

* changes

* changes

* changes

---------

Co-authored-by: Shantanu Chauhan <[email protected]>

Author: shantanu2107

components/Sidebar.tsx

@@ -269,31 +269,59 @@ export const DocsNav = ({
   });
   useEffect(() => {
     const pathWtihoutFragment = extractPathWithoutFragment(router.asPath);
+    const newActive = {
+      getDocs: false,
+      getStarted: false,
+      getReference: false,
+      getSpecification: false,
+    };
     if (getDocsPath.includes(pathWtihoutFragment)) {
-      setActive({ ...active, getDocs: true });
+      newActive.getDocs = true;
     } else if (getStartedPath.includes(pathWtihoutFragment)) {
-      setActive({ ...active, getStarted: true });
+      newActive.getStarted = true;
     } else if (getReferencePath.includes(pathWtihoutFragment)) {
-      setActive({ ...active, getReference: true });
+      newActive.getReference = true;
     } else if (getSpecificationPath.includes(pathWtihoutFragment)) {
-      setActive({ ...active, getSpecification: true });
+      newActive.getSpecification = true;
     }
+
+    setActive(newActive);
   }, [router.asPath]);
 
   const handleClickDoc = () => {
-    setActive({ ...active, getDocs: !active.getDocs });
+    setActive({
+      getDocs: !active.getDocs,
+      getStarted: false,
+      getReference: false,
+      getSpecification: false,
+    });
   };
 
   const handleClickGet = () => {
-    setActive({ ...active, getStarted: !active.getStarted });
+    setActive({
+      getDocs: false,
+      getStarted: !active.getStarted,
+      getReference: false,
+      getSpecification: false,
+    });
   };
 
   const handleClickReference = () => {
-    setActive({ ...active, getReference: !active.getReference });
+    setActive({
+      getDocs: false,
+      getStarted: false,
+      getReference: !active.getReference,
+      getSpecification: false,
+    });
   };
 
   const handleClickSpec = () => {
-    setActive({ ...active, getSpecification: !active.getSpecification });
+    setActive({
+      getDocs: false,
+      getStarted: false,
+      getReference: false,
+      getSpecification: !active.getSpecification,
+    });
   };
 
   const rotate = active.getDocs ? 'rotate(180deg)' : 'rotate(0)';