fix NeonPage notification layout bug

Author: Frencil

lib/components/NeonPage/NeonPage.js

@@ -776,10 +776,10 @@ var NeonPage = function NeonPage(props) {
       },
       "data-selenium": "neon-page.content",
       ref: contentRef
-    }, renderBreadcrumbs(), renderTitle(), content), /*#__PURE__*/_react.default.createElement(_LiferayNotifications.default, {
+    }, renderBreadcrumbs(), renderTitle(), content)), /*#__PURE__*/_react.default.createElement(_LiferayNotifications.default, {
       notifications: notifications,
       onHideNotifications: handleHideNotifications
-    }), /*#__PURE__*/_react.default.createElement(_BrowserWarning.default, null)), /*#__PURE__*/_react.default.createElement(_NeonFooter.default, {
+    }), /*#__PURE__*/_react.default.createElement(_BrowserWarning.default, null), /*#__PURE__*/_react.default.createElement(_NeonFooter.default, {
       drupalCssLoaded: drupalCssLoaded
     }), renderLoading(), renderError());
   };

src/lib_components/components/NeonPage/NeonPage.jsx

@@ -679,12 +679,12 @@ const NeonPage = (props) => {
             {renderTitle()}
             {content}
           </div>
-          <LiferayNotifications
-            notifications={notifications}
-            onHideNotifications={handleHideNotifications}
-          />
-          <BrowserWarning />
         </Container>
+        <LiferayNotifications
+          notifications={notifications}
+          onHideNotifications={handleHideNotifications}
+        />
+        <BrowserWarning />
         <NeonFooter drupalCssLoaded={drupalCssLoaded} />
         {renderLoading()}
         {renderError()}