update to new style

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

@@ -69,7 +69,12 @@ export function ApiImage(props: ApiImageProps) {
   return (
     <Stack>
       {image && image.length > 0 ? (
-        <Image {...props} src={image} withPlaceholder fit="contain" />
+        <Image
+          {...props}
+          src={image}
+          //fallbackSrc="https://placehold.co/600x400?text=Placeholder"
+          fit="contain"
+        />
       ) : (
         <Skeleton h={props?.h ?? props.w} w={props?.w ?? props.h} />
       )}

src/frontend/src/components/images/Thumbnail.tsx

@@ -28,16 +28,12 @@ export function Thumbnail({
     <Group align={align ?? 'left'} gap="xs" wrap="nowrap">
       <ApiImage
         src={src || backup_image}
-        alt={alt}
-        width={size}
+        aria-label={alt}
+        w={size}
         fit="contain"
         radius="xs"
-        withPlaceholder
-        imageProps={{
-          style: {
-            maxHeight: size
-          }
-        }}
+        //fallbackSrc="https://placehold.co/600x400?text=Placeholder"
+        style={{ maxHeight: size }}
       />
       {text}
     </Group>

src/frontend/src/components/nav/PartCategoryTree.tsx

@@ -86,7 +86,8 @@ export function PartCategoryTree({
     return {
       dark: {
         text: {
-          ...vars.fontStyles()
+          fontFamily: vars.fontFamily,
+          fontSize: vars.fontSizes.md
         },
         nodes: {
           height: '2.5rem',
@@ -106,7 +107,8 @@ export function PartCategoryTree({
       },
       light: {
         text: {
-          ...theme.fn.fontStyles()
+          fontFamily: vars.fontFamily,
+          fontSize: vars.fontSizes.md
         },
         nodes: {
           height: '2.5rem',