feat(web): improve court policy display

Author: kemuru

web/src/pages/Cases/CaseDetails/Overview.tsx

@@ -138,7 +138,7 @@ const Overview: React.FC<IOverview> = ({ arbitrable, courtID, currentPeriodIndex
             </StyledA>
           )}
           {courtPolicy && (
-            <StyledA href={`${IPFS_GATEWAY}${courtPolicyURI?.court?.policy ?? ""}`} target="_blank" rel="noreferrer">
+            <StyledA href={`#/courts/${court?.id}/purpose?section=description`} target="_blank" rel="noreferrer">
               <PolicyIcon />
               Court Policy
             </StyledA>

web/src/pages/Courts/CourtDetails/Description.tsx

@@ -62,8 +62,21 @@ const Description: React.FC = () => {
 
   const filteredTabs = TABS.filter(({ isVisible }) => isVisible(policy));
 
+  const location = useLocation();
+  const queryParams = new URLSearchParams(location.search);
+  const scrollToSection = queryParams.get("section");
+
+  useEffect(() => {
+    if (scrollToSection === "description") {
+      const element = document.getElementById(scrollToSection);
+      if (element) {
+        element.scrollIntoView({ behavior: "smooth" });
+      }
+    }
+  }, [scrollToSection]);
+
   return (
-    <Container>
+    <Container id="description">
       <StyledTabs
         currentValue={currentTab}
         items={filteredTabs}