style: add transition

app/components/ActionsBar/index.tsx

@@ -103,7 +103,9 @@ export default function ActionsBar(props: ActionsBarProps) {
               selected === action.id
                 ? `!bg-actions-bar-btn-default ${action.activeClassName}`
                 : "bg-transparent"
-            } rounded-md items-center ${action.className}`}
+            } rounded-md items-center ${
+              action.className
+            } transition duration-300 ease-in-out`}
             onClick={handlerClick(action)}
           >
             {selected === action.id ? activeIcon : inactiveIcon}

app/containers/Chat/components/SessionItem.tsx

@@ -46,6 +46,7 @@ export default function SessionItem(props: {
               group/chat-menu-list relative flex p-3 items-center gap-2 self-stretch rounded-md mb-2 
               border 
               bg-chat-menu-session-unselected border-chat-menu-session-unselected cursor-pointer
+              transition-colors duration-300 ease-in-out
               ${
                 props.selected &&
                 (currentPath === Path.Chat || currentPath === Path.Home)