fix(suite): Update breakpoint for welcome screen (#17535)

Author: jvaclavik

packages/suite/src/components/suite/SecurityCheck/SecurityCheckFail.tsx

@@ -67,7 +67,13 @@ export const SecurityCheckFail = ({
                     </Button>
                 )}
                 <Flex>
-                    <Button href={chatUrl} isFullWidth size="large" variant={supportButtonVariant}>
+                    <Button
+                        textWrap={false}
+                        href={chatUrl}
+                        isFullWidth
+                        size="large"
+                        variant={supportButtonVariant}
+                    >
                         <Translation id="TR_CONTACT_TREZOR_SUPPORT" />
                     </Button>
                 </Flex>

packages/suite/src/components/suite/SecurityCheck/SecurityCheckLayout.tsx

@@ -1,8 +1,9 @@
 import styled from 'styled-components';
 
 import { selectSelectedDevice } from '@suite-common/wallet-core';
-import { DeviceAnimation, Image, variables } from '@trezor/components';
+import { DeviceAnimation, Image } from '@trezor/components';
 import { DeviceModelInternal } from '@trezor/device-utils';
+import { breakpointMediaQueries } from '@trezor/styles';
 
 import { useSelector } from 'src/hooks/suite';
 
@@ -12,7 +13,7 @@ const Wrapper = styled.div`
     gap: 24px;
     width: 100%;
 
-    @media only screen and (max-width: ${variables.SCREEN_SIZE.XL}) {
+    ${breakpointMediaQueries.below_md} {
         grid-template-columns: 1fr;
         flex-direction: column;
     }