Replace logo in webauthn graphics (#47739)

* Replace webauthn graphics with a new logo

* `Login to` -> `Log in to`

* Run the svg through ImageOptim

---------

Co-authored-by: Rafał Cieślak <rafal.cieslak@goteleport.com>

(cherry picked from commit 27d888e)

Author: gzdunek

web/packages/teleterm/src/ui/ClusterConnect/ClusterLogin/ClusterLogin.tsx

@@ -57,7 +57,7 @@ export function ClusterLoginPresentation({
     <>
       <DialogHeader px={4} pt={4} mb={0}>
         <Text typography="h4">
-          Login to <b>{title}</b>
+          Log in to <b>{title}</b>
         </Text>
         <ButtonIcon ml="auto" p={3} onClick={onCloseDialog} aria-label="Close">
           <Icons.Cross size="medium" />

web/packages/teleterm/src/ui/ClusterConnect/ClusterLogin/FormLogin/PromptWebauthn/hardware.svg

@@ -305,7 +305,7 @@ it('shows a login modal when a request to a cluster from the current workspace f
   await waitFor(() => {
     expect(screen.getByTestId('Modal')).toBeInTheDocument();
   });
-  expect(screen.getByTestId('Modal')).toHaveTextContent('Login to');
+  expect(screen.getByTestId('Modal')).toHaveTextContent('Log in to');
 
   // Verify that the search bar stays open after closing the modal.
   screen.getByLabelText('Close').click();