chore: SingleComboBoxの内部ロジックを整理する

packages/smarthr-ui/src/components/ComboBox/ListBoxItemButton.tsx

@@ -1,7 +1,7 @@
-import React, { type RefObject, useCallback, useMemo } from 'react'
+import React, { type ReactNode, type RefObject, useCallback, useMemo } from 'react'
 import { tv } from 'tailwind-variants'
 
-import { FaPlusCircleIcon } from '../Icon'
+import { FaCirclePlusIcon } from '../Icon'
 import { Text } from '../Text'
 
 import type { ComboBoxOption } from './types'
@@ -92,13 +92,15 @@ const AddButton = <T,>({
       onMouseOver={onMouseOver}
       className={className}
     >
-      <FaPlusCircleIcon
-        color="TEXT_LINK"
-        text={<Text color="TEXT_LINK">「{option.item.label}」を追加</Text>}
-      />
+      <MemoizedNewIconWithText label={option.item.label} />
     </button>
   )
 }
+
+const MemoizedNewIconWithText = React.memo<{ label: ReactNode }>(({ label }) => (
+  <FaCirclePlusIcon color="TEXT_LINK" text={<Text color="TEXT_LINK">「{label}」を追加</Text>} />
+))
+
 const SelectButton = <T,>({
   activeRef,
   option,