fix style issues

src/frontend/src/components/images/ApiImage.tsx

@@ -15,7 +15,7 @@ interface ApiImageProps extends ImageProps {
 /**
  * Construct an image container which will load and display the image
  */
-export function ApiImage(props: ApiImageProps) {
+export function ApiImage(props: Readonly<ApiImageProps>) {
   const { host } = useLocalState.getState();
 
   const imageUrl = useMemo(() => {

src/frontend/src/components/nav/PageDetail.tsx

@@ -61,10 +61,9 @@ export function PageDetail({
             <Space />
             {detail}
             <Group justify="right" gap="xs" wrap="nowrap">
-              {badges &&
-                badges.map((badge, idx) => (
-                  <Fragment key={idx}>{badge}</Fragment>
-                ))}
+              {badges?.map((badge, idx) => (
+                <Fragment key={idx}>{badge}</Fragment>
+              ))}
             </Group>
             <Space />
             {actions && (

src/frontend/src/defaults/formatters.tsx

@@ -156,4 +156,4 @@ export function renderDate(
   }
 }
 
-export type UiSizeType = MantineSize | (string & {}) | number;
+export type UiSizeType = MantineSize | string | number;