Update SongTagEntry transition

Author: Neraste

src/components/settings/songTags/Entry.jsx

@@ -11,9 +11,9 @@ import NotificationBar, {
   NotifiableForTable,
 } from 'components/generics/NotificationBar'
 import { Checkmark } from 'components/generics/Shapes'
+import Slide from 'components/transitions/Slide'
 import { Status } from 'reducers/alterationsResponse'
 import { songTagPropType } from 'serverPropTypes/library'
-import { CSSTransitionLazy } from 'thirdpartyExtensions/ReactTransitionGroup'
 
 export default function SongTagsEntry({ tag, editable }) {
   const query = useSelector((state) => state.settings.songTags.data.query)
@@ -124,7 +124,7 @@ export default function SongTagsEntry({ tag, editable }) {
   )
 
   const colorForm = (
-    <div className="notified color-form-notified">
+    <div className="notified color-form-notified transition">
       <FormInline
         action={`library/song-tags/${tag.id}/`}
         method="PATCH"
@@ -157,16 +157,7 @@ export default function SongTagsEntry({ tag, editable }) {
             pendingMessage={false}
             failedMessage="Error attempting to edit tag color"
           />
-          <CSSTransitionLazy
-            in={colorFormDisplayed}
-            classNames="notified"
-            timeout={{
-              enter: 300,
-              exit: 150,
-            }}
-          >
-            {colorForm}
-          </CSSTransitionLazy>
+          <Slide in={colorFormDisplayed}>{colorForm}</Slide>
         </NotifiableForTable>
       </td>
       <td className="name">