Set appropriate branding to OpenAPI pages (#665)

website/components/openapi-page/index.jsx

@@ -38,7 +38,7 @@ function OpenApiPage({
           description: info.description,
           siteName: `${productName} by HashiCorp`,
         }}
-        product="vault"
+        product="boundary"
         resourceURL={`https://github.com/hashicorp/${productSlug}`}
         sidenav={{
           Link,

website/components/openapi-page/openapi-page.module.css

@@ -1,7 +1,7 @@
 .root {
   /* currently only supports "boundary", may want to extend to support other product themes */
   &[data-theme='boundary'] {
-    --brand: var(--boundary);
+    --brand: var(--red);
   }
 
   & .pageHeading {