feat: refine sidebar icon styling

apps/web/src/apps/modules/layouts/components/sidebar.tsx

@@ -136,7 +136,7 @@ const MenuItemFlyout = memo(function MenuItemFlyout({ item, activeKeys, isRoot =
             size="lg"
             aria-label={t(item.label)}
           >
-            <Icon size={20} />
+            <Icon size={20} strokeWidth={1.6} />
           </ActionIcon>
         </Tooltip>
       );
@@ -170,7 +170,7 @@ const MenuItemFlyout = memo(function MenuItemFlyout({ item, activeKeys, isRoot =
       size="lg"
       aria-label={t(item.label)}
     >
-      <Icon size={20} />
+      <Icon size={20} strokeWidth={1.6} />
     </ActionIcon>
   ) : (
     <Menu.Item
@@ -533,10 +533,13 @@ export const SidebarMenu = memo(function SidebarMenu({
                   onClick={handleToggleExpandAll}
                   size={30}
                   radius="md"
-                  fw={400}
                   aria-label={isAllExpanded ? t('common:collapseAll') : t('common:expandAll')}
                 >
-                  {isAllExpanded ? <PanelTopOpen size={16} /> : <PanelTopClose size={16} />}
+                  {isAllExpanded ? (
+                    <PanelTopOpen size={16} strokeWidth={1.5} />
+                  ) : (
+                    <PanelTopClose size={16} strokeWidth={1.5} />
+                  )}
                 </ActionIcon>
               </Tooltip>
             </Box>