Align mobile products storeClosed condition with desktop

src/utils/storeHours.ts

@@ -244,7 +244,7 @@ export function hasLivePriceQuote(): boolean {
 export function isStoreClosed(): boolean {
   void productTradingHoursVersion.value
 
-  if (lastPrice.value?.closed === true) {
+  if (lastPrice.value?.closed === true || lastPrice.value?.status === 'closed') {
     return true
   }
 

src/views/base/products/mobile/MobileProductsView.vue

@@ -60,7 +60,7 @@ import img from '@/assets/img/user_ly1.svg'
 import MobilePageHeader from '@/layouts/components/MobilePageHeader.vue'
 import ProductItem from '@/views/base/products/components/ProductItem.vue'
 import { useProductsPageContext } from '../composables/useProductsPage'
-import { isStoreClosed, STORE_CLOSED_TITLE } from '@/utils/storeHours'
+import { isStoreClosed, shouldBlockStoreTrading, STORE_CLOSED_TITLE } from '@/utils/storeHours'
 import { computed } from 'vue'
 
 const {
@@ -74,7 +74,7 @@ const {
   storeClosedMessage,
 } = useProductsPageContext()
 
-const storeClosed = computed(() => isStoreClosed())
+const storeClosed = computed(() => isStoreClosed() || shouldBlockStoreTrading())
 </script>
 
 <style scoped>