chore: adjust SidebarMenu styling

src/components/molecules/SidebarMenu.tsx

@@ -39,16 +39,15 @@ const SidebarMenuItem = ({ item, activeLink }: SidebarMenuItemProps) => {
     <li>
       <Link
         href={item.link}
-        className={cn(
-          {
-            'menu-active border-2 border-solid border-base-300': isItemActive,
-          },
-          'px-3 py-1.5'
-        )}
+        className={cn('px-3 py-1.5', {
+          'text-base-content/60': !isItemActive,
+          'menu-active border-[1.5px] border-solid border-base-300':
+            isItemActive,
+        })}
       >
         {item.icon && <Icon icon={item.icon} width={20} height={20} />}
 
-        <span className='text-base'>{item.text}</span>
+        <span className='text-sm'>{item.text}</span>
       </Link>
     </li>
   );
@@ -62,12 +61,13 @@ const SidebarMenuItem = ({ item, activeLink }: SidebarMenuItemProps) => {
       <details open={isItemActive}>
         <summary
           className={cn({
+            'text-base-content/60': !isItemActive,
             'text-primary': isItemActive,
           })}
         >
           {item.icon && <Icon icon={item.icon} width={20} height={20} />}
 
-          <span className='text-base'>{item.text}</span>
+          <span className='text-sm'>{item.text}</span>
         </summary>
 
         <ul>
@@ -88,7 +88,7 @@ const SidebarMenuItem = ({ item, activeLink }: SidebarMenuItemProps) => {
 
 const SidebarMenu = ({ menu, activeLink }: SidebarMenuProps) => {
   return (
-    <Menu>
+    <Menu className='p-3'>
       {menu.map((menuItem, menuIdx) => {
         return (
           <SidebarMenuItem