chore: removing branding

Author: Hubert Koster

docs/code-examples/javascript/keep-alive/index.mdx

@@ -16,9 +16,12 @@ keywords:
 description: Keep Alive code example
 ---
 
+import RenderOfficialContents from '@site/src/components/RenderOfficialContents';
 import SandboxIframe from '@site/src/components/SandboxIframe';
 import { sandboxes } from '@site/src/components/SandboxIframe/utility/sandboxes';
 
-In this example you'll see how to keep a connection alive when getting contract proposals via the Deriv API. This example keeps the connection alive by sending a ping every 30 seconds.
+<RenderOfficialContents>
+  <p>In this example you'll see how to keep a connection alive when getting contract proposals via the Deriv API. This example keeps the connection alive by sending a ping every 30 seconds.</p>
+</RenderOfficialContents>
 
 <SandboxIframe sandbox={sandboxes.keep_alive} />

docs/code-examples/javascript/ticks-history/index.mdx

@@ -16,13 +16,16 @@ keywords:
 description: Ticks History code example
 ---
 
+import RenderOfficialContents from '@site/src/components/RenderOfficialContents';
 import SandboxIframe from '@site/src/components/SandboxIframe';
 import { sandboxes } from '@site/src/components/SandboxIframe/utility/sandboxes';
 
 With ticks history you are able to get a collection of past tick times and prices.
 
 <SandboxIframe sandbox={sandboxes.ticks_history} />
 
-We subscribe to the ticks functionality from the Deriv API websocket to keep track of current and past ticks.
+<RenderOfficialContents>
+  <p>We subscribe to the ticks functionality from the Deriv API websocket to keep track of current and past ticks.</p>
+</RenderOfficialContents>
 
 As an example you could create an interactive tick graph.

docs/code-examples/javascript/ticks/index.mdx

@@ -14,13 +14,20 @@ keywords:
 description: Ticks code example
 ---
 
+import RenderOfficialContents from '@site/src/components/RenderOfficialContents';
 import SandboxIframe from '@site/src/components/SandboxIframe';
 import { sandboxes } from '@site/src/components/SandboxIframe/utility/sandboxes';
 
-The easiest way to understand how Deriv API works is to try our Tick call:
+<RenderOfficialContents>
+  <p>The easiest way to understand how Deriv API works is to try our Tick call:</p>
+</RenderOfficialContents>
 
 <SandboxIframe sandbox={sandboxes.ticks} />
 
-We'll start with the ticks example because it's a pretty simple block of code to implement. You don't have to log into the Deriv account and get your app authenticated to try it.
+<RenderOfficialContents>
+  <p>We'll start with the ticks example because it's a pretty simple block of code to implement. You don't have to log into the Deriv account and get your app authenticated to try it.</p>
+</RenderOfficialContents>
 
-A tick is a measure of minimum upward or downward movement in the price of a trading commodity. We subscribe to the ticks functionality from the Deriv API websocket, which will return new tick data every second. As an example you could create an interactive tick graph with this data.
+<RenderOfficialContents>
+  <p>A tick is a measure of minimum upward or downward movement in the price of a trading commodity. We subscribe to the ticks functionality from the Deriv API websocket, which will return new tick data every second. As an example you could create an interactive tick graph with this data.</p>
+</RenderOfficialContents>