lazy loading added to the news scrool

src/components/news/News.tsx

@@ -1,5 +1,6 @@
 // Modules
 import { Link } from 'react-router-dom';
+import { LazyLoadImage } from 'react-lazy-load-image-component';
 // Images
 import { ReactComponent as ArrRight } from '../../assets/icons/arrow-right.svg';
 // Components
@@ -20,13 +21,13 @@ const News = ({ title, text, category, date, img, link }: Props) => {
     <div className="news">
       <div className="news-wrapper">
         <div className="news-image">
-          <img src={img} alt="img" />
+          <LazyLoadImage src={img} alt="image" useIntersectionObserver effect="blur" />
         </div>
         <div className="news-info">
           <div className="news-info-inner">
             <h2 className="news-title">{title}</h2>
             <div className="news-status">
-              <NewsCategory title="Политика" link="" />
+              <NewsCategory title={category} link="" />
               <NewsDate date={date} />
             </div>
             <div className="news-text">{text}</div>