feature - removed styled icons and resolved an issue with icon library

Frontend/components/Navigation.tsx

@@ -2,8 +2,8 @@
 
 import Logo from "@/components/Logo";
 import React, { useState } from "react";
-import { Menu } from "@styled-icons/entypo/Menu";
 import Link from "next/link";
+import Icon from "./Icon";
 
 function Navigation({ isUserLoggedIn }: { isUserLoggedIn: boolean }) {
   const [checked, setChecked] = useState<boolean>();
@@ -23,11 +23,12 @@ function Navigation({ isUserLoggedIn }: { isUserLoggedIn: boolean }) {
         {/* Navbar */}
         <div className="flex-grow navbar ">
           <div className="flex-none lg:hidden">
-            <label htmlFor="my-drawer-3" aria-label="menu-icon">
-              <Menu
-                size={36}
-                className="self-center flex-grow h-full cursor-pointer fill-primary"
-              />
+            <label
+              htmlFor="my-drawer-3"
+              aria-label="menu-icon"
+              className="items-center"
+            >
+              <Icon name="Navigation24Filled" size="medium" />
             </label>
           </div>
 

Frontend/components/PriceCard.tsx

@@ -1,8 +1,8 @@
 import { Price, Product, SourceModal } from "@/types";
-import { Check } from "@styled-icons/entypo/Check";
 import { createCheckoutSession, isAuthenticated } from "@/app/(auth)/actions";
 import { toast } from "react-toastify";
 import { useRouter } from "next/navigation";
+import Icon from "./Icon";
 
 export default function PriceCard({
   product,
@@ -79,7 +79,7 @@ export default function PriceCard({
           <ul className="flex flex-col gap-y-3 mx-12">
             {product?.metadata?.benefits?.map((x, i) => (
               <li key={i} className="flex items-center  gap-x-4 flex-nowrap">
-                <Check className=" self-start" color="#FF0DCA" size={24} />
+                <Icon name="CheckmarkCircle24Filled" />
 
                 <p className="w-40 text-base-content  overflow-clip text-ellipsis">
                   {x}

Frontend/package.json

@@ -37,7 +37,6 @@
     "react-icons": "^4.11.0",
     "react-toastify": "^9.1.3",
     "sharp": "^0.32.6",
-    "styled-icons": "^10.47.0",
     "tailwindcss": "3.3.3",
     "theme-change": "^2.5.0",
     "typescript": "5.1.6",