fix: default icon size to 16px in createIcon wrapper and fix download button alignment (#27924)

* fix: resolve insights page UI regressions for plus button size and download alignment

Co-Authored-By: eunjae@cal.com <hey@eunjae.dev>

* fix: default icon size to 16px in createIcon wrapper

Co-Authored-By: eunjae@cal.com <hey@eunjae.dev>

---------

Co-authored-by: Devin AI <158243242+devin-ai-integration[bot]@users.noreply.github.com>

apps/web/modules/insights/components/filters/Download/Download.tsx

@@ -99,7 +99,7 @@ const Download = () => {
           EndIcon="file-down"
           color="secondary"
           loading={isDownloading}
-          className="h-full self-end sm:self-baseline">
+          className="h-full">
           {t("download")}
         </Button>
       </DropdownMenuTrigger>

packages/coss-ui/src/icons.tsx

@@ -163,7 +163,7 @@ export interface IconProps {
 }
 
 function createIcon(Icon: LucideIcon, testId: string) {
-  return function WrappedIcon({ size, className, onClick }: IconProps) {
+  return function WrappedIcon({ size = 16, className, onClick }: IconProps) {
     return <Icon size={size} className={className} onClick={onClick} data-testid={testId} />;
   };
 }