fix: show eu-modal prop added to customlink

libs/blocks/src/lib/footer/footer.social.tsx

@@ -9,7 +9,12 @@ export const SocialMediaSection = ({
   return (
     <div className="flex gap-gap-lg max-lg:justify-center">
       {socialButtons.map((item) => (
-        <CustomLink href={item.href} target="_blank" key={item.href}>
+        <CustomLink
+          href={item.href}
+          target="_blank"
+          show_eu_modal={true}
+          key={item.href}
+        >
           {item.icon}
         </CustomLink>
       ))}

libs/blocks/src/lib/footer/main.nav.content.tsx

@@ -27,18 +27,19 @@ export const MainNavContent = ({
             layer.type === 'link' ? (
               <div className="flex w-full flex-col gap-gap-lg" key={layer.id}>
                 <Heading.H6>{layer.header}</Heading.H6>
-                {layer.items.map((link) => (
+                {layer.items.map(({ id, href, target, text, ...rest }) => (
                   <div
                     className="flex flex-col items-start gap-gap-lg"
-                    key={link.id}
+                    key={id}
                   >
                     <CustomLink
                       size="sm"
-                      href={link.href}
+                      href={href}
                       className="text-typography-prominent"
-                      target={link.target}
+                      target={target}
+                      {...rest}
                     >
-                      {link.text}
+                      {text}
                     </CustomLink>
                   </div>
                 ))}

libs/components/src/lib/link/index.tsx

@@ -14,6 +14,7 @@ export interface CustomLinkProps extends HTMLAttributes<HTMLAnchorElement> {
   disabled?: boolean;
   iconColor?: iconColorVariant;
   target?: '_blank' | '_self' | '_parent' | '_top';
+  show_eu_modal?: boolean;
 }
 export type iconColorVariant = 'black' | 'subtle' | 'disabled' | 'default';
 export type textSize = 'sm' | 'md' | 'lg';