started layout adjusting

src/components/Icons.jsx

@@ -5,6 +5,8 @@ import { FaEye, FaRegMoneyBill1 } from 'react-icons/fa6'
 import { GoDotFill } from 'react-icons/go'
 import { IoPeople, IoTrash } from 'react-icons/io5'
 import { TbPlayerTrackNext, TbPlayerTrackPrev } from 'react-icons/tb'
+import { IoMdSettings } from "react-icons/io";
+
 
 export default function Icons({name, className}) {
   return (
@@ -29,6 +31,8 @@ export default function Icons({name, className}) {
     <TbPlayerTrackPrev className={`text-base ${className}`} />
     :name.toLowerCase() == 'edit' ?
     <FaEdit className={`text-base ${className}`} />
+    :name.toLowerCase() == 'settings' ?
+    <IoMdSettings className={`text-base ${className}`} />
     :
     null
     }