chore: toggle transition and icons

src/common/component/MarkdownEditor/styled.js

@@ -4,6 +4,9 @@ const StyledWrapper = styled.div`
   width: 100%;
   width: -webkit-fill-available;
   margin-top: 16px;
+  > div {
+    transition: height 0.5s ease 0s;
+  }
   .toastui-editor-defaultUI {
     border-bottom: none;
     border-radius: 0;

src/routes/chat/ChannelList/styled.js

@@ -21,7 +21,7 @@ const Styled = styled(NavLink)`
       font-weight: 600;
       font-size: 14px;
       line-height: 20px;
-      width: 140px;
+      width: 150px;
       white-space: nowrap;
       overflow: hidden;
       text-overflow: ellipsis;
@@ -35,8 +35,7 @@ const Styled = styled(NavLink)`
     align-items: center;
     gap: 8px;
     > .icon {
-      visibility: hidden;
-      display: flex;
+      display: none;
       width: 16px;
       height: 16px;
       &:hover path {
@@ -79,7 +78,7 @@ const Styled = styled(NavLink)`
       display: none;
     }
     > .icon {
-      visibility: visible;
+      display: flex;
     }
   }
 `;