Added Article pages and fixed SideBar

src/components/UI/CardArticle/CardArticle.jsx

@@ -1,17 +1,20 @@
 import React from "react";
 import cardCalendar from "../../../images/cardCalendar.svg";
+import { Link } from "react-router-dom";
 
 import "./cardArticle.scss";
 
 export const CardArticle = ({ images, title, data, id }) => {
   return (
     <div className="card-article">
-      <img src={images} />
-      <h5>{title}</h5>
-      <div className="card-article__data">
-        <img src={cardCalendar} />
-        <p>{data}</p>
-      </div>
+      <Link to={`/blog/article/${id}`}>
+        <img src={images} />
+        <h5>{title}</h5>
+        <div className="card-article__data">
+          <img src={cardCalendar} />
+          <p>{data}</p>
+        </div>
+      </Link>
     </div>
   );
 };

src/components/UI/CardArticle/cardArticle.scss

@@ -3,6 +3,19 @@
   border-radius: 12px;
   width: 344px;
   margin-bottom: 24px;
+  transition: 0.4s;
+  a {
+    color: #000000;
+  }
+
+  &:hover {
+    cursor: pointer;
+    transform: scale(1.05);
+    transition: 0.4s;
+    a {
+      color: #000000;
+    }
+  }
 
   h5 {
     font-style: normal;