DEVDOCS-5972: [update] product videos (#346)

<!-- Ticket number or summary of work -->
# [DEVDOCS-5972]


## What changed?
Added product video section

## Release notes draft

We're happy to announce the ability to query product videos using the
storefront product graph.

<!-- Provide an entry for the release notes using simple, conversational
language. Don't be too technical. Explain how the change will benefit
the merchant and link to the feature.

Examples:
* The newly-released [X feature] is now available to use. Now, you’ll be
able to [perform Y action].
* We're happy to announce [X feature], which can help you [perform Y
action].
* [X feature] helps you to create [Y response] using the [Z query
parameter]. Now, you can deliver [ex, localized shopping experiences for
your customers].
* Fixed a bug in the [X endpoint]. Now the [Y field] will appear when
you click [Z option]. -->
* 

## Anything else?
<!-- Add related PRs, salient notes, additional ticket numbers, etc. -->

ping {names}


[DEVDOCS-5972]:
https://bigcommercecloud.atlassian.net/browse/DEVDOCS-5972?atlOrigin=eyJpIjoiNWRkNTljNzYxNjVmNDY3MDlhMDU5Y2ZhYzA5YTRkZjUiLCJwIjoiZ2l0aHViLWNvbS1KU1cifQ

Author: bc-traciporter

docs/storefront/graphql/examples/products.mdx

@@ -598,6 +598,117 @@ You can query product images at different resolutions. The following query retri
   </Tab>
 </Tabs>
 
+## Get product videos
+
+The following example retrieves video titles and URLs associated with videos attached to a product.  
+
+<Tabs items={['Request', 'Response']}>
+<Tab>
+```graphql filename="Example query: Get product videos for a product" showLineNumbers copy
+  query {
+    site {
+      products (entityIds: [112, 113]) {
+        pageInfo {
+            startCursor
+            endCursor
+        }
+        edges {
+              cursor
+              node {
+                  entityId
+                  name
+                  videos {
+                    pageInfo {
+                        startCursor
+                        endCursor
+                        hasNextPage
+                        hasPreviousPage
+                    }
+                    edges {
+                        cursor
+                        node {
+                            title
+                            url
+                        }
+                    }
+                  }
+                }
+              }
+            }
+          }
+        }
+```
+
+  </Tab>
+  <Tab>
+
+```json filename="Example response: Get product videos for a product" showLineNumbers copy
+{
+    "data": {
+        "site": {
+            "products": {
+                "pageInfo": {
+                    "startCursor": "YXJyYXljb25uZWN0aW9uOjA=",
+                    "endCursor": "YXJyYXljb25uZWN0aW9uOjM="
+                },
+                "edges": [
+                    {
+                        "cursor": "YXJyYXljb25uZWN0aW9uOjA=",
+                        "node": {
+                            "entityId": 112,
+                            "name": "Product_112",
+                            "videos": {
+                                "pageInfo": {
+                                    "startCursor": "YXJyYXljb25uZWN0aW9uOjA=",
+                                    "endCursor": "YXJyYXljb25uZWN0aW9uOjA=",
+                                    "hasNextPage": false,
+                                    "hasPreviousPage": false
+                                },
+                                "edges": [
+                                    {
+                                        "cursor": "YXJyYXljb25uZWN0aW9uOjA=",
+                                        "node": {
+                                            "title": "What is BigCommerce",
+                                            "url": "https://www.youtube.com/watch?v=Vx0OmcMSWGQ&t=8s"
+                                        }
+                                    }
+                                ]
+                            }
+                        }
+                    },
+                    {
+                        "cursor": "YXJyYXljb25uZWN0aW9uOjE=",
+                        "node": {
+                            "entityId": 113,
+                            "name": "Product_113",
+                            "videos": {
+                                "pageInfo": {
+                                    "startCursor": "YXJyYXljb25uZWN0aW9uOjA=",
+                                    "endCursor": "YXJyYXljb25uZWN0aW9uOjA=",
+                                    "hasNextPage": false,
+                                    "hasPreviousPage": false
+                                },
+                                "edges": [
+                                    {
+                                        "cursor": "YXJyYXljb25uZWN0aW9uOjA=",
+                                        "node": {
+                                            "title": "BigCommerce is enterprise ecommerce, simplified.",
+                                            "url": "https://www.youtube.com/watch?v=vAZ0e5lomfk"
+                                        }
+                                    }
+                                ]
+                            }
+                        }
+                    }                         
+                ]
+            }
+        }
+     }
+}
+```
+  </Tab>
+</Tabs>
+
 ## Get product metafields
 
 Query product metafields by specifying the product metafield's namespace. The API returns only metafields that have storefront permissions. Permissions must be set to `write_and_sf_access` or `read_and_sf_access`. To set permissions, use the [Update a product metafield](/docs/rest-catalog/products/metafields#update-a-product-metafield) endpoint.