fix(animation): remove annoying image animation (#1969)

src/components/device-image/DeviceImage.tsx

@@ -2,7 +2,6 @@ import React, { Suspense } from 'react';
 import genericDevice from '../../images/generic-zigbee-device.png';
 import { Device, DeviceState, OTAState } from '../../types';
 import cx from 'classnames';
-import style from './style.module.css';
 import { useTranslation } from 'react-i18next';
 import { LazyImage } from './LazyImage';
 import { ErrorBoundary } from './ErrorBoundary';
@@ -44,7 +43,7 @@ export function DeviceImage(props: Readonly<DeviceImageProps>) {
 
     return (
         <div className={cx(className, 'position-relative')} {...rest}>
-            <Suspense fallback={<img alt="" src={genericDevice} className={style.img} />}>
+            <Suspense fallback={<img alt="" src={genericDevice} />}>
                 <ErrorBoundary>
                     <LazyImage device={device} />
                 </ErrorBoundary>

src/components/device-image/LazyImage.tsx

@@ -1,5 +1,4 @@
 import React from 'react';
-import style from './style.module.css';
 import { useImage } from 'react-image';
 import { AVAILABLE_GENERATORS } from '.';
 import { Device } from '../../types';
@@ -18,5 +17,5 @@ export function LazyImage(props: Readonly<LazyImageProps>) {
     if (type === 'svg') {
         return <image crossOrigin={'anonymous'} {...rest} href={src} />;
     }
-    return <img alt="" crossOrigin={'anonymous'} src={src} className={style.img} />;
+    return <img alt="" crossOrigin={'anonymous'} src={src} />;
 }