Merge remote-tracking branch 'origin/modular' into modular

# Conflicts:
#	src/utils/productAssets.ts
#	src/views/base/products/components/ProductItem.vue
#	src/views/base/transactions/DefaultTransactionsPage.vue

src/layouts/components/ResponsiveViewPair.vue

@@ -25,7 +25,7 @@ const isDesktop = useDesktopBreakpoint()
 
 <style scoped>
 .responsive-view-pair {
-  min-height: 100%;
+  min-height: 0;
   height: 100%;
   width: 100%;
   max-width: 100%;
@@ -34,7 +34,7 @@ const isDesktop = useDesktopBreakpoint()
 }
 
 .responsive-view-pair__pane {
-  min-height: 100%;
+  min-height: 0;
   height: 100%;
   width: 100%;
   max-width: 100%;

src/layouts/mobile/mobile-layout.less

@@ -132,11 +132,20 @@
 }
 
 .main-with-bottom-chrome {
-  height: calc(100vh - 72px - var(--app-credit-footer-offset, 28px));
+  height: calc(100vh - var(--app-bottom-chrome-height, 108px));
+  overflow: hidden;
+  display: flex;
+  flex-direction: column;
 }
 
 .main-with-bottom-chrome-inner {
-  height: calc(100vh - 72px - var(--app-credit-footer-offset, 28px));
+  flex: 1 1 auto;
+  min-height: 0;
+  width: 100%;
+  overflow-y: auto;
+  overflow-x: hidden;
+  -webkit-overflow-scrolling: touch;
+  overscroll-behavior-y: contain;
 }
 
 .main-with-bottom-chrome--no-nav,