add token example playground

Author: rarcifa

sdk-examples/categories/transaction/src/App.css

@@ -1,10 +1,13 @@
-import { StrictMode } from 'react'
-import { createRoot } from 'react-dom/client'
-import App from './App.tsx'
-import './index.css'
+import { createRoot } from "react-dom/client";
+import GlobalStyles from "./styles";
+import React from "react";
+import { TransactionExample } from "./app/Transaction/index.tsx";
 
-createRoot(document.getElementById('root')!).render(
-  <StrictMode>
-    <App />
-  </StrictMode>,
-) 
+const container = document.getElementById("root");
+const root = createRoot(container!);
+root.render(
+  <React.StrictMode>
+    <GlobalStyles />
+    <TransactionExample />
+  </React.StrictMode>,
+);

sdk-examples/categories/transaction/src/index.css

@@ -0,0 +1,26 @@
+import { createGlobalStyle } from 'styled-components';
+
+const GlobalStyles = createGlobalStyle`
+  * {
+    margin: 0;
+    padding: 0;
+    box-sizing: border-box;
+  }
+
+  body {
+    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
+    background: #000000;
+  }
+
+  body a {
+    color: #1199FA;
+  }
+
+  a {
+      color: #007bff;
+      text-decoration: none;
+      background-color: transparent;
+  }
+`;
+
+export default GlobalStyles;