optimize settings store

src/renderer/components/item-image/item-image.tsx

@@ -7,6 +7,7 @@ import {
     getServerById,
     useAuthStore,
     useCurrentServerId,
+    useImageRes,
     useSettingsStore,
 } from '/@/renderer/store';
 import { BaseImage, ImageProps } from '/@/shared/components/image/image';
@@ -73,7 +74,7 @@ export const useItemImageUrl = (args: UseItemImageUrlProps) => {
     const { id, imageUrl, itemType, size, type, useRemoteUrl } = args;
     const serverId = useCurrentServerId();
 
-    const imageRes = useSettingsStore((store) => store.general.imageRes);
+    const imageRes = useImageRes();
     const sizeByType: number | undefined = type ? imageRes[type] : undefined;
 
     return useMemo(() => {