feat: add releases widget (#2497)

Co-authored-by: Andre Silva <asilva01@acuitysso.com>
Co-authored-by: Meier Lukas <meierschlumpf@gmail.com>
Co-authored-by: Manuel <30572287+manuel-rw@users.noreply.github.com>

packages/ui/src/components/masked-image.tsx

@@ -7,7 +7,7 @@ import type { Property } from "csstype";
 import classes from "./masked-image.module.css";
 
 interface MaskedImageProps {
-  imageUrl: string;
+  imageUrl?: string;
   color: MantineColor;
   alt?: string;
   style?: React.CSSProperties;
@@ -41,7 +41,7 @@ export const MaskedImage = ({
           maskSize,
           maskRepeat,
           maskPosition,
-          maskImage: `url(${imageUrl})`,
+          maskImage: imageUrl ? `url(${imageUrl})` : undefined,
         } as React.CSSProperties
       }
     />

packages/ui/src/components/masked-or-normal-image.tsx

@@ -6,7 +6,7 @@ import type { Property } from "csstype";
 import { MaskedImage } from "./masked-image";
 
 interface MaskedOrNormalImageProps {
-  imageUrl: string;
+  imageUrl?: string;
   hasColor?: boolean;
   color?: MantineColor;
   alt?: string;