chore: import gov actions ui package dynamically

Author: emmanuel-musau

govtool/frontend/package-lock.json

@@ -1,10 +1,13 @@
-import Outcomes from "@intersect.mbo/govtool-outcomes-pillar-ui";
 import { Box, CircularProgress } from "@mui/material";
-import { Suspense } from "react";
+import React, { Suspense } from "react";
 import { Footer, TopNav } from "@/components/organisms";
 import { useCardano } from "@/context";
 import { useScreenDimension } from "@/hooks";
 
+const GovernanceActionsOutcomes = React.lazy(
+  () => import("@intersect.mbo/govtool-outcomes-pillar-ui/dist/esm"),
+);
+
 export const GovernanceActionOutComesPillar = () => {
   const { pagePadding } = useScreenDimension();
   const { ...context } = useCardano();
@@ -40,10 +43,7 @@ export const GovernanceActionOutComesPillar = () => {
             </Box>
           }
         >
-          {/* TODO: Remove this comments when tsc issue is resolved */}
-          {/* eslint-disable-next-line @typescript-eslint/ban-ts-comment */}
-          {/* @ts-expect-error */}
-          <Outcomes description="" />
+          <GovernanceActionsOutcomes />
         </Suspense>
       </Box>
       {!context.isEnabled && <Footer />}

govtool/frontend/src/pages/GovernanceActionOutComes.tsx

@@ -26,8 +26,18 @@ type ProposalDiscussionProps = {
   >;
 };
 
+type GovernanceActionsOutcomesProps = {
+  apiUrl?: string;
+};
+
 declare module "@intersect.mbo/pdf-ui/cjs" {
   export default function ProposalDiscussion(
     props: ProposalDiscussionProps,
   ): JSX.Element;
 }
+
+declare module "@intersect.mbo/govtool-outcomes-pillar-ui/dist/esm" {
+  export default function GovernanceActionsOutcomes(
+    props: GovernanceActionsOutcomesProps,
+  ): JSX.Element;
+}

govtool/frontend/src/types/@intersect.mbo.d.ts

@@ -1490,7 +1490,7 @@
 
 "@intersect.mbo/[email protected]":
   version "1.2.0"
-  resolved "https://registry.yarnpkg.com/@intersect.mbo/govtool-outcomes-pillar-ui/-/govtool-outcomes-pillar-ui-1.2.0.tgz#f4b74de7a56adaed342fa430dc277cd775ea3d62"
+  resolved "https://registry.npmjs.org/@intersect.mbo/govtool-outcomes-pillar-ui/-/govtool-outcomes-pillar-ui-1.2.0.tgz"
   integrity sha512-AzY2pOAExXCz7M6S2YeIglZ06Gdf0N9gWxJBRDQ2BuDsRC2arn4DwT2F+XHyOhM2AWSZeql0Dx86a0pZP7a1+w==
   dependencies:
     "@fontsource/poppins" "^5.0.14"