add embed test page

Signed-off-by: aabidsofi19 <[email protected]>

package.json

@@ -29,6 +29,7 @@
  "@fullcalendar/google-calendar": "^6.1.9",
  "@fullcalendar/interaction": "^6.0.1",
  "@fullcalendar/react": "^5.11.2",
+ "@layer5/meshery-design-embed": "^0.2.0",
  "@loadable/component": "^5.15.3",
  "@mdx-js/mdx": "^1.6.22",
  "@mdx-js/react": "^1.6.22",

src/pages/embed.js

@@ -1,23 +1,14 @@
-import { Script } from "gatsby";
-import React from "react";
-import styled from "styled-components";
-
-const EmbedWrapper = styled.section`
- padding: 100px;
- #embedded-design-142f0054-d9ae-4352-8618-887104a81928{
- height: 30rem;
- width: 100%;
- }
-`;
-
-
-const EmbedPage = () => {
+import * as React from "react";
+import MesheryDesignEmbed from "@layer5/meshery-design-embed";
+const Testing = () => {
  return (
- <EmbedWrapper>
- <div id="embedded-design-142f0054-d9ae-4352-8618-887104a81928"></div>
- <Script src="/embed-test/embedded-design-cypress-des-1-no-modify-by-me-copy.js" type="module" strategy={"post-hydrate"} ></Script>
- </EmbedWrapper>
+ <main>
+ <MesheryDesignEmbed
+ embedId="embedded-design-a3d3f26e-4366-44e6-b211-1ba4e1a3e644"
+ embedScriptSrc="embed-test/embedded-design-embed1.js"
+ />
+ </main>
  );
 };
 
-export default EmbedPage;
+export default Testing;