feat: updated empty message image, typing animation and right panel slide durations

ts/components/EmptyMessageView.tsx

@@ -22,7 +22,7 @@ const StyledSessionFullLogo = styled(Flex)`
   img:nth-child(2) {
     margin-top: 10px;
     width: 250px;
-    transition: 0s;
+    transition: var(--duration-session-logo-text);
     filter: var(--session-logo-text-current-filter);
     -webkit-user-drag: none;
   }

ts/components/conversation/TypingAnimation.tsx

@@ -64,7 +64,7 @@ const StyledTypingDot = styled.div<{ index: number }>`
         : props.index === 1
           ? 'typing-animation-second'
           : 'typing-animation-third'}
-    1600ms ease infinite;
+    var(--duration-typing-animation) ease infinite;
 `;
 
 const StyledSpacer = styled.div`

ts/components/conversation/right-panel/RightPanel.tsx

@@ -12,7 +12,7 @@ export const StyledRightPanelContainer = styled.div`
   width: var(--right-panel-width);
   right: 0vw;
 
-  transition: transform var(--right-panel-duration) linear;
+  transition: transform var(--duration-right-panel) linear;
   transform: translateX(100%);
   z-index: 3;