fix(hub): add layout pages to gov proposal

apps/hub/src/app/governance/proposal/[proposalId]/layout.tsx

@@ -0,0 +1,10 @@
+import { FooterSM } from "@bera/shared-ui/src/footer";
+
+export default function Layout({ children }: { children: React.ReactNode }) {
+  return (
+    <section>
+      <div className="container min-h-minimum max-w-1280 pb-16">{children}</div>
+      <FooterSM />
+    </section>
+  );
+}

apps/hub/src/app/governance/proposal/layout.tsx

@@ -0,0 +1,10 @@
+import { FooterSM } from "@bera/shared-ui/src/footer";
+
+export default function Layout({ children }: { children: React.ReactNode }) {
+  return (
+    <section>
+      <div className="container min-h-minimum max-w-1280 pb-16">{children}</div>
+      <FooterSM />
+    </section>
+  );
+}

packages/shared-ui/src/identicon.tsx

@@ -1,6 +1,10 @@
+"use client";
+
 // @ts-nocheck
-import { useLayoutEffect, useMemo, useRef } from "react";
+import { useEffect, useMemo, useRef } from "react";
 import { cn } from "@bera/ui";
+
+import "./types/jazzicon.d.ts";
 import jazzicon from "@metamask/jazzicon";
 
 export default function Identicon({
@@ -15,17 +19,20 @@ export default function Identicon({
   const iconSize = size ?? 24;
 
   const icon = useMemo(
-    () => account && jazzicon(iconSize, parseInt(account.slice(2, 10), 16)),
+    () =>
+      account &&
+      typeof window !== "undefined" &&
+      jazzicon(iconSize, parseInt(account.slice(2, 10), 16)),
     [account, iconSize],
   );
   const iconRef = useRef<HTMLDivElement>(null);
-  useLayoutEffect(() => {
+  useEffect(() => {
     const current = iconRef.current;
-    if (icon) {
-      current?.appendChild(icon);
+    if (icon && current) {
+      current.appendChild(icon);
       return () => {
         try {
-          current?.removeChild(icon);
+          current.removeChild(icon);
         } catch (e) {
           console.error("Avatar icon not found");
         }

packages/shared-ui/src/types/jazzicon.d.ts

@@ -0,0 +1,3 @@
+declare module "@metamask/jazzicon" {
+  export default function jazzicon(diameter: number, seed: number): HTMLElement;
+}