[ENG-1698] Fix invisible thumbnails (#2258)

* fix size condition

* listen for listViewIconSize change

* fix invisible condition

interface/app/$libraryId/Explorer/FilePath/Thumb.tsx

@@ -259,10 +259,7 @@ const Thumbnail = forwardRef<HTMLImageElement, ThumbnailProps>(
 				<Image
 					{...props}
 					{...{
-						className: clsx(
-							className,
-							blackBarsStyle && size.width === 0 && 'invisible'
-						),
+						className: clsx(className, blackBars && size.width === 0 && 'invisible'),
 						style: { ...style, ...(blackBars ? blackBarsStyle : undefined) },
 						size,
 						ref

interface/app/$libraryId/Explorer/FilePath/utils.ts

@@ -12,11 +12,11 @@ export function useSize(ref: RefObject<Element>) {
 
 	useEffect(() => {
 		initialized.current = false;
-	}, [explorerSettings?.gridItemSize]);
+	}, [explorerSettings?.gridItemSize, explorerSettings?.listViewIconSize]);
 
 	useCallbackToWatchResize(
 		({ width, height }) => {
-			if (initialized.current) return;
+			if (initialized.current || (!width && !height)) return;
 			setSize({ width, height });
 			initialized.current = true;
 		},