chore: Storybook の builder を webpack5 に変更

[wmoai]

Related URL

#2465

Overview

node 18 以降で動かそうとするとデフォルトの builder-webpack4 だとエラーが発生するため、builder-webpack5 に変更します

What I did

• Storybook の builder を builder-webpack5 に変更

Capture

[reg-suit]

reg-suit detected visual differences.

Check this report, and review them.

🔴🔴

🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵

What do the circles mean?

The number of circles represent the number of changed images.
🔴 : Changed items, ⚪ : New items, ⚫ : Deleted items, and 🔵 Passed items

How can I change the check status?

If reviewers approve this PR, the reg context status will be green automatically.

[netlify]

✅ Deploy Preview for smarthr-ui ready!

Name	Link
🔨 Latest commit	d435100
🔍 Latest deploy log	https://app.netlify.com/sites/smarthr-ui/deploys/62ba8dec752e7e0009903f43
😎 Deploy Preview	https://deploy-preview-2628--smarthr-ui.netlify.app/
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site settings.

[yamish123]

Regに差分が出ていたが、icons.map でコンポーネントを描画しているところの順番が変わったぐらいだったので大丈夫そう

• smarthr-ui/src/components/Icon/Icon.stories.tsx

  Lines 23 to 38 in 3cd7ef5

  	export const All: Story = () => {
  	return (
  	<IconList>
  	{icons.map((Component) => {
  	return (
  	<ItemWrapper key={`${Component.displayName}`}>
  	<IconName>{Component.displayName?.replace(/Icon$/, '')}</IconName>
  	<dd>
  	<Component />
  	</dd>
  	</ItemWrapper>
  	)
  	})}
  	</IconList>
  	)
  	}

[yt-ymmt]

:lgtm: !

[yamish123]

@wmoai
これマージしちゃって大丈夫そうですか？

[wmoai]

@yamish123 大丈夫です！