fix json parsing issue in image-loader

libs/client/features/src/onboarding/steps/setup/AddFirstAccount.tsx

@@ -59,6 +59,8 @@ export function AddFirstAccount({ title, onNext }: StepProps) {
                                             loader={BrowserUtil.enhancerizerLoader}
                                             src={`financial-institutions/white/${src}.svg`}
                                             alt={name}
+                                            height={96}
+                                            width={96}
                                         />
                                     </div>
                                 ))}

libs/client/shared/src/utils/image-loaders.ts

@@ -1,7 +1,23 @@
 import type { ImageLoaderProps } from 'next/legacy/image'
 
+function isJSON(str: string): boolean {
+    try {
+        JSON.parse(str)
+        return true
+    } catch (e) {
+        return false
+    }
+}
+
 export function enhancerizerLoader({ src, width }: ImageLoaderProps): string {
-    const parsed = JSON.parse(src) as { [key: string]: string | number }
+    let parsed: { [key: string]: string | number }
+
+    if (isJSON(src)) {
+        parsed = JSON.parse(src)
+    } else {
+        parsed = { src }
+    }
+
     parsed.width ??= width
     parsed.height ??= width