Overview dashboard and Employee Engagement is added

components/dashboard/sideBarItem.tsx

@@ -4,15 +4,14 @@ import Link from "next/link";
 import { useState } from "react";
 import { ChevronDown } from "lucide-react";
 import {Props} from "@/constants/types";
-
-
+import Button  from "@/utils/button";
 
 export default function SidebarItem({ item }: Props) {
   const [open, setOpen] = useState(item.title === "Overview");
 
   return (
-    <div className="border-b border-slate-800">
-      <button
+    <div className=" border-b border-slate-800 ">
+      <Button
         onClick={() => setOpen(!open)}
         className="flex w-full items-center justify-between px-5 py-4 hover:bg-slate-900"
       >
@@ -28,10 +27,10 @@ export default function SidebarItem({ item }: Props) {
             open ? "rotate-180" : ""
           }`}
         />
-      </button>
+      </Button>
 
       {open && item.children.length > 0 && (
-        <div className="ml-8 border-l border-slate-700 pl-5 pb-3">
+        <div className="ml-6 border-l border-slate-700 pl-4 pb-2">
           {item.children.map((child: any) => (
             <Link
               key={child.title}