add functionality to share faq item

src/components/Accordion/Item.tsx

@@ -1,4 +1,5 @@
-import React, { useRef } from "react";
+import { useLocation } from "@docusaurus/router";
+import React, { useEffect, useRef } from "react";
 
 type AccordionItemProps = {
   children: React.ReactNode;
@@ -9,15 +10,30 @@ type AccordionItemProps = {
 
 const AccordionItem = ({ summary, open, children }: AccordionItemProps) => {
   const detailsRef = useRef(null);
+  const location = useLocation();
 
   const handleItemClick = () => {
     document.querySelectorAll("details.accordion-item").forEach((item) => {
       if (item !== detailsRef.current) {
         item.removeAttribute("open");
       }
     });
+
+    window.location.replace(`${location.pathname}#${encodeURI(summary)}`);
   };
 
+  useEffect(() => {
+    if (decodeURI(location.hash) === `#${summary}`) {
+      document.querySelectorAll("details.accordion-item").forEach((item) => {
+        if (item !== detailsRef.current) {
+          item.removeAttribute("open");
+        } else {
+          item.setAttribute("open", "true");
+        }
+      });
+    }
+  }, []);
+
   return (
     <details
       ref={detailsRef}