chore: reuse DetailOpenSea component from react-kit (#1134)

Author: levalleux-ludo

package-lock.json

@@ -46,7 +46,7 @@
   "dependencies": {
     "@apollo/client": "^3.8.1",
     "@bosonprotocol/chat-sdk": "^1.3.1-alpha.9",
-    "@bosonprotocol/react-kit": "^0.39.1-alpha.1",
+    "@bosonprotocol/react-kit": "^0.39.2-alpha.3",
     "@davatar/react": "^1.10.4",
     "@ethersproject/address": "^5.6.1",
     "@ethersproject/units": "^5.7.0",

package.json

@@ -1,4 +1,4 @@
-import { subgraph } from "@bosonprotocol/react-kit";
+import { DetailOpenSea, subgraph } from "@bosonprotocol/react-kit";
 import { BasicCommitDetailWidget } from "components/detail/DetailWidget/BasicCommitDetailWidget";
 import { Offer } from "lib/types/offer";
 import { generatePath } from "react-router-dom";
@@ -10,7 +10,6 @@ import {
   Widget,
   WidgetButtonWrapper
 } from "../../../components/detail/Detail.style";
-import DetailOpenSea from "../../../components/detail/DetailOpenSea";
 import {
   AccountQueryParameters,
   UrlParameters

src/components/detail/DetailOpenSea.tsx

@@ -1,4 +1,4 @@
-import { isBundle, isProductV1 } from "@bosonprotocol/react-kit";
+import { DetailOpenSea, isBundle, isProductV1 } from "@bosonprotocol/react-kit";
 import { ExchangeDetailWidget } from "components/detail/DetailWidget/ExchangeDetailWidget";
 import { EmptyErrorMessage } from "components/error/EmptyErrorMessage";
 import { LoadingMessage } from "components/loading/LoadingMessage";
@@ -15,7 +15,6 @@ import {
   MainDetailGrid,
   SellerAndOpenSeaGrid
 } from "../../components/detail/Detail.style";
-import DetailOpenSea from "../../components/detail/DetailOpenSea";
 import DetailShare from "../../components/detail/DetailShare";
 import Image from "../../components/ui/Image";
 import SellerID from "../../components/ui/SellerID";