[Functionality] Request DID Resolution

- fetch resolution data
- adjustments

pkgs/ui/src/app/distributed-ledger-gateway/page.tsx

@@ -1,14 +1,30 @@
 "use client";
 
 import {
-  DLGResolutionDummyData,
   DLGResolutionTableConfig,
   DLGSummaryDetails,
 } from "@/mock/dlg";
 import CustomTable from "@/components/table";
 import SummaryDetails from "@/components/summary_card";
+import {useEffect, useState} from "react";
 
 export default function DLG() {
+  const [resolutionData, setResolutionData] = useState([]);
+
+  useEffect(() => {
+    fetch("http://localhost:2979/api/v1/get_resolutions", {
+      method: "GET",
+    })
+      .then((resp) =>
+        resp.json().then((jsonData) => {
+          console.log(jsonData);
+          setResolutionData(jsonData);
+        }),
+      )
+      .then()
+      .catch();
+  }, []);
+
   return (
     <div className="m-10">
       <SummaryDetails
@@ -21,7 +37,7 @@ export default function DLG() {
       <div>
         <h4>DID Resolution View</h4>
         <CustomTable
-          data={DLGResolutionDummyData}
+          data={resolutionData}
           configuration={DLGResolutionTableConfig}
         />
       </div>