refactor: create renderers for each product type

- split root product page into a separate components
- move styles to shared file
- reduce the amount of unused code in different component types
- add useGallery composable
- add useProductTabs composable
- add canAddToCart method on useCart composable

Author: bartoszherba

packages/theme/components/__tests__/ProductAddReviewForm.spec.js

@@ -10,7 +10,7 @@ import {
 
 import { useReview } from '~/composables';
 import { useUser } from '~/modules/customer/composables/useUser';
-import ProductAddReviewForm from '../ProductAddReviewForm';
+import ProductAddReviewForm from '../../modules/catalog/product/components/ProductAddReviewForm';
 
 jest.mock('~/composables', () => {
   const originalModule = jest.requireActual('~/composables');

packages/theme/composables/useReview/useReview.ts

@@ -1,4 +1,4 @@
-import type { Ref, DeepReadonly } from '@nuxtjs/composition-api';
+import type { Ref } from '@nuxtjs/composition-api';
 import type { ComposableFunctionArgs } from '~/composables/types';
 import type { GetProductSearchParams } from '~/modules/catalog/product/types';
 import type {
@@ -96,5 +96,5 @@ export interface UseReviewInterface {
   /**
    * Contains errors from any of the composable methods
    */
-  error: DeepReadonly<Ref<UseReviewErrors>>;
+  error: Readonly<Ref<UseReviewErrors>>;
 }