[SXA] Bugfix/539379 fix sxa initializer styles (#1075)

* #539379: fixed style for new structure of basic site

* #539379 changed styles and rebase

* #539379 fixed loading fonts for production version

* #539379 [SXA] fixed mobile menu

* #539379 fixed comments

packages/create-sitecore-jss/src/templates/nextjs-sxa/src/assets/basic/_footer.scss

@@ -2,10 +2,6 @@
 @import "variables";
 
 footer {
-    position: absolute;
-    width: 100%;
-    height: 231px;
-
   .rich-text {
     font-size: $text-size-14;
     color: $text-white;

packages/create-sitecore-jss/src/templates/nextjs-sxa/src/assets/basic/_navigation.scss

@@ -112,6 +112,7 @@ $hamburger-margin: 18px;
           }
 
           .component-content {
+            position: fixed;
             display: inline-block;
           }
         }

packages/create-sitecore-jss/src/templates/nextjs-sxa/src/assets/basic/_promo.scss

@@ -8,7 +8,7 @@
     padding-right: 0;
 
     >.component-content {
-      @include border-basic(all, 'none', 0);
+      border: 0;
 
       .promo-text {
         .field-promotext {

packages/create-sitecore-jss/src/templates/nextjs-sxa/src/assets/main.scss

@@ -0,0 +1,4 @@
+@import "bootstrap/dist/css/bootstrap.css";
+@import "sass/main.scss";
+@import "basic/main.scss";
+@import "assets/app.css";

packages/create-sitecore-jss/src/templates/nextjs-sxa/src/pages/_app.tsx

@@ -1,9 +1,7 @@
 import type { AppProps } from 'next/app';
 import { I18nProvider } from 'next-localization';
 
-import 'bootstrap/dist/css/bootstrap.css';
-import 'assets/sass/main.scss';
-import 'assets/basic/main.scss';
+import 'assets/main.scss';
 
 function App({ Component, pageProps }: AppProps): JSX.Element {
   const { dictionary, ...rest } = pageProps;