aside type added

src/pages/Category.tsx

@@ -1,11 +1,11 @@
 // Modules
-import { motion } from "framer-motion";
+import { motion } from 'framer-motion';
 
 // Components
-import { useParams } from "react-router-dom";
-import Aside from "../components/aside/Aside";
-import NewsScroll from "../components/global/NewsScroll";
-import MainImg from "../components/category/MainImg";
+import { useParams } from 'react-router-dom';
+import Aside from '../components/aside/Aside';
+import NewsScroll from '../components/global/NewsScroll';
+import MainImg from '../components/category/MainImg';
 
 const Category = () => {
   let { category } = useParams();
@@ -14,8 +14,7 @@ const Category = () => {
       className="category"
       initial={{ opacity: 0, scale: 0.8 }}
       animate={{ opacity: 1, scale: 1, transition: { duration: 0.15 } }}
-      exit={{ opacity: 0, scale: 0.8, transition: { duration: 0.15 } }}
-    >
+      exit={{ opacity: 0, scale: 0.8, transition: { duration: 0.15 } }}>
       <div className="container">
         <div className="category-inner">
           <div className="category-left">
@@ -23,7 +22,7 @@ const Category = () => {
             <NewsScroll title={false} category={parseInt(category as string)} />
           </div>
           <div className="category-right">
-            <Aside />
+            <Aside type="popular" />
           </div>
         </div>
       </div>

src/pages/Main.tsx

@@ -21,7 +21,7 @@ const Main = () => {
             <MainContent />
             <div className="news-outer-wrapper">
               <NewsScroll title={true} />
-              <Aside />
+              <Aside type="popular" />
             </div>
             <Videos />
           </div>

src/pages/NewsArticle.tsx

@@ -112,7 +112,7 @@ const NewsArticle = () => {
           ) : (
             <Loader />
           )}
-          <Aside />
+          <Aside type="popular" />
         </div>
       </div>
     </motion.div>