update icons

src/App.js

@@ -1,8 +1,4 @@
-import {
-  DislikeOutlined,
-  LikeOutlined,
-  RightOutlined,
-} from "@ant-design/icons";
+import { DislikeFilled, LikeFilled, RightOutlined } from "@ant-design/icons";
 import "./App.css";
 import { Badge, Flex, Skeleton } from "antd";
 import { useEffect, useRef, useState } from "react";
@@ -304,14 +300,14 @@ function App() {
                           productCharacteristics={product.Characteristics}
                           rightComponent={
                             <div style={{ display: "flex", gap: 12 }}>
-                              <DislikeOutlined
+                              <DislikeFilled
                                 style={{
                                   color:
                                     votes.findIndex(
                                       (vote) =>
                                         vote.n === product.Name && vote.t === 0
                                     ) > -1
-                                      ? "red"
+                                      ? "#e74c3c"
                                       : "#000",
                                 }}
                                 onClick={() => {
@@ -342,14 +338,14 @@ function App() {
                                 }}
                               />
                               <span>{product.Votes}</span>
-                              <LikeOutlined
+                              <LikeFilled
                                 style={{
                                   color:
                                     votes.findIndex(
                                       (vote) =>
                                         vote.n === product.Name && vote.t === 1
                                     ) > -1
-                                      ? "green"
+                                      ? "#27ae60"
                                       : "#000",
                                 }}
                                 onClick={() => {