Configure Completed is added

components/layouts/sideBarItem.tsx

@@ -14,12 +14,12 @@ export default function SidebarItem({ item }: Props) {
       <Button
         onClick={() => setOpen(!open)}
         className="flex w-full items-center justify-between
-         px-3 py-4 hover:bg-slate-900"
+         px-2 py-3 hover:bg-slate-900"
       >
         <div className="flex items-center gap-2">
           <item.icon size={16} />
 
-          <span className="text-base">{item.title}</span>
+          <span className="text-sm font-bold">{item.title}</span>
         </div>
 
         <ChevronDown
@@ -31,12 +31,13 @@ export default function SidebarItem({ item }: Props) {
       </Button>
 
       {open && item.children.length > 0 && (
-        <div className="ml-4 border-l border-slate-700 pl-2 pb-1">
+        <div className="ml-5 border-l border-slate-700 pl-2 pb-1">
           {item.children.map((child: any) => (
             <Link
               key={child.title}
               href={child.href}
-              className="group mt-2 flex items-center gap-3 rounded-lg px-2 py-2 text-slate-300 hover:bg-teal-500/20 hover:text-teal-400"
+              className="group mt-2 flex items-center gap-3 
+              rounded-lg px-2  text-slate-400 hover:bg-teal-500/20 hover:text-teal-400"
             >
               <child.icon size={16} />