Merge branch 'fe-dev' into feature/#754

client/package.json

@@ -24,7 +24,7 @@
     "@eslint/compat": "^1.1.0",
     "@eslint/js": "^9.6.0",
     "@jest/types": "^29.6.3",
-    "@sentry/webpack-plugin": "^2.22.0",
+    "@sentry/webpack-plugin": "^2.22.5",
     "@storybook/addon-essentials": "^8.2.2",
     "@storybook/addon-interactions": "^8.2.2",
     "@storybook/addon-links": "^8.2.2",

client/src/GlobalStyle.ts

@@ -118,6 +118,7 @@ export const GlobalStyle = css`
   #root {
     display: flex;
     justify-content: center;
+    -webkit-tap-highlight-color: transparent;
   }
 
   button {

client/src/components/Design/components/Banner/Banner.tsx

@@ -19,7 +19,12 @@ const Banner = ({title, description, buttonText, onDelete, ...buttonProps}: Bann
       cssProp={{borderRadius: '0.75rem'}}
     >
       <Flex gap="0.5rem">
-        <IconButton variants="none" onClick={onDelete} style={{display: 'flex', alignItems: 'flex-start'}}>
+        <IconButton
+          variants="none"
+          onClick={onDelete}
+          style={{display: 'flex', alignItems: 'flex-start'}}
+          aria-label="배너 닫기"
+        >
           <Icon iconType="x" />
         </IconButton>
         <div>

client/src/components/Design/components/ChipButton/ChipButton.tsx

@@ -5,6 +5,7 @@ import {useTheme} from '@components/Design/theme/HDesignProvider';
 
 import Text from '../Text/Text';
 import Icon from '../Icon/Icon';
+import IconButton from '../IconButton/IconButton';
 
 import {chipButtonStyle} from './ChipButton.style';
 
@@ -16,10 +17,13 @@ interface Props {
 
 const ChipButton = ({color, text, onClick}: Props) => {
   const {theme} = useTheme();
+
   return (
     <div css={chipButtonStyle({color, theme})}>
       <Text textColor="black">{text}</Text>
-      <Icon iconType="inputDelete" onClick={onClick} />
+      <IconButton variants="none" onClick={onClick} aria-label="인원 지우기">
+        <Icon iconType="inputDelete" />
+      </IconButton>
     </div>
   );
 };