[#684] [fix] Dropdown Menu를 BottomSheet로 수정 (#686)

* feat: Menu Dropdown을 BottomSheet으로 교체

* fix: MenuItem fontsize 16px로 수정, divider 추가

* fix: MenuItem select none 속성 추가

Author: gxxrxn

src/app/profile/me/page.tsx

@@ -98,9 +98,9 @@ const MyProfileForAuth = () => {
       <TopHeader text="Profile">
         <Menu>
           <Menu.Toggle />
-          <Menu.DropdownList>
+          <Menu.BottomSheetList>
             <Menu.Item onSelect={handleLogoutButtonClick}>로그아웃</Menu.Item>
-          </Menu.DropdownList>
+          </Menu.BottomSheetList>
         </Menu>
       </TopHeader>
       <div className="flex flex-col gap-[1rem]">

src/components/bookGroup/BookGroupNavigation.tsx

@@ -145,10 +145,10 @@ const MenuButton = () => {
         <>
           <Menu>
             <Menu.Toggle />
-            <Menu.DropdownList>
+            <Menu.BottomSheetList>
               <Menu.Item onSelect={handleEditClick}>수정하기</Menu.Item>
               <Menu.Item onSelect={onOpen}>삭제하기</Menu.Item>
-            </Menu.DropdownList>
+            </Menu.BottomSheetList>
           </Menu>
           <DeleteBookGroupModal
             isOpen={isOpen}

src/components/comment/CommentList.tsx

@@ -148,10 +148,10 @@ const CommentActionMenu = ({
     <>
       <Menu>
         <Menu.Toggle />
-        <Menu.DropdownList>
+        <Menu.BottomSheetList>
           <Menu.Item onSelect={onDrawerOpen}>수정하기</Menu.Item>
           <Menu.Item onSelect={onModalOpen}>삭제하기</Menu.Item>
-        </Menu.DropdownList>
+        </Menu.BottomSheetList>
       </Menu>
       <EditCommentDrawer
         isOpen={isDrawerOpen}

src/components/common/Menu.tsx

@@ -90,7 +90,7 @@ const Item = ({
 
   return (
     <li
-      className="block cursor-pointer list-none truncate whitespace-nowrap rounded-[0.5rem] px-[1rem] py-[0.7rem] font-body2-regular hover:bg-black-100"
+      className="flex cursor-pointer select-none list-none flex-col truncate whitespace-nowrap rounded-[0.5rem] px-[1rem] pt-[1rem] font-body1-regular after:mt-[1rem] after:block after:h-[0.1rem] after:w-full after:bg-black-300 last:after:w-0 hover:bg-black-100"
       onClick={handleItemClick}
     >
       {children}