chore: Update icons (#2721)

pages/icon/icons-list.scss

@@ -3,6 +3,14 @@
  SPDX-License-Identifier: Apache-2.0
 */
 
+.wrapper {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 4px;
+  padding-block-end: 8px;
+  padding-block-start: 2px;
+}
+
 .invertedIconsScenario {
   background: #333;
 

pages/icon/icons-list.tsx

@@ -9,15 +9,15 @@ import ScreenshotArea from '../utils/screenshot-area';
 
 import styles from './icons-list.scss';
 
-const sizes = ['small', 'normal', 'big', 'large'] as const;
+const sizes = ['small', 'normal', 'medium', 'big', 'large'] as const;
 
 export default function IconsList({ variant }: { variant: IconProps['variant'] }) {
   const className = variant === 'inverted' ? styles.invertedIconsScenario : undefined;
   return (
     <ScreenshotArea key={variant} className={className}>
       <h1 className={styles.header}>{variant}</h1>
       {sizes.map(size => (
-        <div key={size}>
+        <div key={size} className={styles.wrapper}>
           {Object.keys(icons).map(icon => (
             <Icon key={icon} name={icon as IconProps['name']} variant={variant} size={size} />
           ))}