Remove the hover wave animation from the target switch label

- remove the 'wave' animation on web/api hover

Author: robertpiosik

packages/ui/src/components/editor/common/prompts/PromptField/PromptField.module.scss

@@ -216,24 +216,13 @@
         @include accent-font;
         font-size: 16px;
         padding: 0 4px;
-
-        &:hover {
-          .footer__right__target-switch__label-char {
-            animation: target-switch-wave 0.5s ease-in-out;
-          }
-        }
       }
 
       &__label {
         padding-top: 1px;
         display: flex;
         align-items: center;
       }
-
-      &__label-char {
-        display: inline-block;
-        position: relative;
-      }
     }
 
     &__submit {
@@ -363,16 +352,3 @@
     }
   }
 }
-
-@keyframes target-switch-wave {
-  0%,
-  100% {
-    transform: translateY(0);
-  }
-  25% {
-    transform: translateY(-1.5px);
-  }
-  75% {
-    transform: translateY(0);
-  }
-}

packages/ui/src/components/editor/common/prompts/PromptField/PromptField.tsx

@@ -671,19 +671,7 @@ export const PromptField: React.FC<PromptFieldProps> = (props) => {
                     <span
                       className={styles['footer__right__target-switch__label']}
                     >
-                      {(props.target == TARGET.WEB ? 'WEB' : 'API')
-                        .split('')
-                        .map((char, index) => (
-                          <span
-                            key={index}
-                            className={
-                              styles['footer__right__target-switch__label-char']
-                            }
-                            style={{ animationDelay: `${index * 0.05}s` }}
-                          >
-                            {char}
-                          </span>
-                        ))}
+                      {props.target == TARGET.WEB ? 'WEB' : 'API'}
                     </span>
                   </button>
                 </KeycapWrapper>