fix: test case

Author: sanjam-deriv

src/features/dashboard/components/ApiTokenForm/CreateTokenField/index.tsx

@@ -87,7 +87,7 @@ const CreateTokenField = ({
       )}
       {token_name_exists && (
         <div className='error-message'>
-          <p>No duplicate token names are allowed for the same account.</p>
+          <p>That name is taken. Choose another.</p>
         </div>
       )}
     </React.Fragment>

src/features/dashboard/components/ApiTokenForm/__tests__/api-token.form.test.tsx

@@ -135,7 +135,7 @@ describe('Home Page', () => {
 
     await userEvent.type(nameInput, 'testtoken1');
 
-    const error = screen.getByText(/No duplicate token names are allowed for the same account./i);
+    const error = screen.getByText(/That name is taken. Choose another./i);
     expect(error).toBeVisible;
   });
 

src/features/dashboard/components/ApiTokenForm/api-token.form.module.scss

@@ -55,7 +55,6 @@ form {
   display: flex;
   position: relative;
   box-sizing: border-box;
-  margin: rem(1) 0;
   &:hover {
     border: 1px solid var(--colors-greyLight600);
   }

src/features/dashboard/components/TokenNameRestrictions/TokenNameRestrictions.module.scss

@@ -5,5 +5,6 @@
   font-weight: 400;
   line-height: 18px;
   padding-left: rem(2.8);
+  margin-top: rem(1);
   color: var(--colors-greyLight600);
 }