[FE] style: HelpMenu에 아이콘 추가 및 테두리 둥글게 변경

frontend/src/assets/icons/index.ts

@@ -32,3 +32,5 @@ export { ReactComponent as PasswordIcon } from './password.svg';
 export { ReactComponent as PublishIcon } from './publish.svg';
 export { ReactComponent as EmptyWritingTableIcon } from './empty-writing-table.svg';
 export { ReactComponent as CategoryIcon } from './category.svg';
+export { ReactComponent as HelpMenuBook } from './help-menu-book.svg';
+export { ReactComponent as HelpMenuFeedback } from './help-menu-feedback.svg';

frontend/src/components/@common/Menu/Item.tsx

@@ -1,3 +1,4 @@
+import { HelpMenuBook, HelpMenuFeedback } from 'assets/icons';
 import styled from 'styled-components';
 
 type Props = {
@@ -8,6 +9,11 @@ type Props = {
 const Item = ({ title, handleMenuItemClick }: Props) => {
   return (
     <S.Item>
+      {title === '사용법' ? (
+        <HelpMenuBook width={16} height={16} />
+      ) : (
+        <HelpMenuFeedback width={16} height={16} />
+      )}
       <button onClick={handleMenuItemClick}>{title}</button>
     </S.Item>
   );
@@ -21,7 +27,7 @@ const S = {
     align-items: center;
     width: 100%;
     height: 4rem;
-
+    padding-left: 1rem;
     &:not(:last-child) {
       box-shadow: 0px 1px 0px ${({ theme }) => theme.color.gray4};
     }

frontend/src/components/@common/Menu/Menu.tsx

@@ -56,6 +56,7 @@ const S = {
     width: 20rem;
 
     border: 1px solid ${({ theme }) => theme.color.gray4};
+    border-radius: 4px;
     background-color: ${({ theme }) => theme.color.gray1};
     box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.1);
   `,