fix(apollo-react): design updates

Author: SreedharAvvari

packages/apollo-react/rslib.config.ts

@@ -60,6 +60,7 @@ export default defineConfig({
         '!./src/**/*.md',
         '!./src/**/locales/*.js',
         '!./src/**/locales/*.json',
+        '!./src/**/.DS_Store',
       ],
     },
   },

packages/apollo-react/src/canvas/components/Toolbox/Header.tsx

@@ -42,6 +42,7 @@ export const Header: React.FC<HeaderProps> = ({ title, onBack, showBackButton })
         color="var(--uix-canvas-foreground-emp)"
         style={{
           transition: 'transform 0.3s ease-in-out, margin 0.3s ease-in-out',
+          margin: 0,
         }}
       >
         {title}

packages/apollo-react/src/canvas/components/Toolbox/ListView.tsx

@@ -91,7 +91,7 @@ const ListViewRow = <T extends ListItem>({
       </IconContainer>
       <Column flex={1} overflow="hidden">
         <ApTypography
-          variant={FontVariantToken.fontSizeS}
+          variant={FontVariantToken.fontSizeM}
           className="list-view-item-name"
           color="var(--uix-canvas-foreground-emp)"
         >
@@ -184,7 +184,6 @@ export const ListView = <T extends ListItem>({
     return (
       <Column gap={8}>
         {[...Array(3)].map((_, index) => (
-          // biome-ignore lint/suspicious/noArrayIndexKey: static array
           <ApSkeleton variant="rectangle" style={{ height: '32px', width: '100%' }} key={index} />
         ))}
       </Column>