refactor: load bkg png for public pages from assets (#2994)

.changeset/lucky-emus-dress.md

@@ -0,0 +1,6 @@
+---
+'@commercetools-frontend/application-components': patch
+'@commercetools-frontend/assets': patch
+---
+
+Load background png for public pages from assets

packages/application-components/src/components/public-page-layout/public-page-layout.tsx

@@ -2,12 +2,11 @@ import { FC, ReactNode } from 'react';
 import { css } from '@emotion/react';
 import styled from '@emotion/styled';
 import CommercetoolsLogoSvg from '@commercetools-frontend/assets/logos/commercetools_primary-logo_horizontal_white-text_RGB.svg';
+import publicBackgroundUrl from '@commercetools-frontend/assets/images/public-background.png';
 import { customProperties, useTheme } from '@commercetools-uikit/design-system';
 import Spacings from '@commercetools-uikit/spacings';
 import Text from '@commercetools-uikit/text';
 import { designTokens as appKitDesingTokens } from '../../theming';
-// https://babeljs.io/blog/2017/09/11/zero-config-with-babel-macros
-import base64Background from /* preval */ './public-background';
 
 const year = new Date().getUTCFullYear();
 
@@ -42,7 +41,7 @@ const Container = styled.div`
   padding: ${customProperties.spacingXl} 0;
   justify-content: center;
   background-size: cover;
-  background-image: url(data:image/png;base64,${base64Background});
+  background-image: url(${publicBackgroundUrl});
   background-position: center;
 `;
 const ContainerColumn = styled.div`