fix: hide empty options block (#1917)

## Description

## References
### Jira-link:
https://virtocommerce.atlassian.net/browse/VCST-3794
### Artifact URL:

https://vc3prerelease.blob.core.windows.net/packages/vc-theme-b2b-vue-2.31.0-pr-1917-90e8-90e81dfd.zip

---------

Co-authored-by: Aleksandra-Mitricheva <[email protected]>

Author: ivan-kalachikov

client-app/shared/catalog/components/product/options.vue

@@ -1,6 +1,6 @@
 <template>
   <ProductTitledBlock
-    v-if="!model.hidden"
+    v-if="isBlockVisible"
     :title="model.title || $t('shared.catalog.product_details.options.title')"
     icon="collection"
     class="options"
@@ -40,7 +40,7 @@
 </template>
 
 <script setup lang="ts">
-import { toRef } from "vue";
+import { computed, toRef } from "vue";
 import { PropertyValueTypes } from "@/core/api/graphql/types";
 import { useProductVariationProperties } from "@/shared/catalog/composables/useProductVariationProperties";
 import type { Product } from "@/core/api/graphql/types";
@@ -58,6 +58,9 @@ interface IProps {
 
 const props = defineProps<IProps>();
 const variations = toRef(props, "variations");
+const fetchingVariations = toRef(props, "fetchingVariations");
+
+const isBlockVisible = computed(() => !props.model.hidden && (properties.value.size > 0 || fetchingVariations.value));
 
 const { properties, select, isSelected, isAvailable, getTooltip } = useProductVariationProperties(variations);