chore: icon improvement (#2456)

* style: app sidebar icon improvement

* style: profile section icon improvement

* style: notification popover icon improvement

* style: shortcut modal icon improvement

web/components/workspace/help-section.tsx

@@ -148,7 +148,7 @@ export const WorkspaceHelpSection: React.FC<WorkspaceHelpSectionProps> = observe
                         className="flex w-full items-center gap-x-2 rounded px-2 py-1 text-xs hover:bg-custom-background-80"
                       >
                         <div className="grid place-items-center flex-shrink-0">
-                          <Icon className="text-custom-text-200 h-3.5 w-3.5" size={14} />
+                          <Icon className="text-custom-text-200 h-3.5 w-3.5" />
                         </div>
                         <span className="text-xs">{name}</span>
                       </button>

web/components/workspace/sidebar-dropdown.tsx

@@ -266,7 +266,7 @@ export const WorkspaceSidebarDropdown = () => {
                   <Menu.Item key={index} as="button" type="button">
                     <Link href={link.link}>
                       <a className="flex w-full items-center gap-2 rounded px-2 py-1 hover:bg-custom-sidebar-background-80">
-                        <link.icon className="h-4 w-4" />
+                        <link.icon className="h-4 w-4 stroke-[1.5]" />
                         {link.name}
                       </a>
                     </Link>
@@ -280,7 +280,7 @@ export const WorkspaceSidebarDropdown = () => {
                   className="flex w-full items-center gap-2 rounded px-2 py-1 hover:bg-custom-sidebar-background-80"
                   onClick={handleSignOut}
                 >
-                  <LogOut className="h-5 w-5" />
+                  <LogOut className="h-4 w-4 stroke-[1.5]" />
                   Sign out
                 </Menu.Item>
               </div>

web/components/workspace/sidebar-menu.tsx

@@ -5,7 +5,7 @@ import { useRouter } from "next/router";
 import { NotificationPopover } from "components/notifications";
 import { Tooltip } from "@plane/ui";
 // icons
-import { BarChart, Briefcase, CheckCircle, LayoutGrid } from "lucide-react";
+import { BarChart2, Briefcase, CheckCircle, LayoutGrid } from "lucide-react";
 // mobx store
 import { useMobxStore } from "lib/mobx/store-provider";
 import { observer } from "mobx-react-lite";
@@ -17,7 +17,7 @@ const workspaceLinks = (workspaceSlug: string) => [
     href: `/${workspaceSlug}`,
   },
   {
-    Icon: BarChart,
+    Icon: BarChart2,
     name: "Analytics",
     href: `/${workspaceSlug}/analytics`,
   },
@@ -60,7 +60,7 @@ export const WorkspaceSidebarMenu = observer(() => {
                       : "text-custom-sidebar-text-200 hover:bg-custom-sidebar-background-80 focus:bg-custom-sidebar-background-80"
                   } ${themeStore?.sidebarCollapsed ? "justify-center" : ""}`}
                 >
-                  {<link.Icon className="h-5 w-5" />}
+                  {<link.Icon className="h-[18px] w-[18px]" />}
                   {!themeStore?.sidebarCollapsed && link.name}
                 </div>
               </Tooltip>