Put examples within the container

It's sometimes hard to scroll past them because if you happen to scroll
while your cursor is inside, the example starts scrolling, so it's feels
like a trap. Also, the design of CodeSandbox has changed a bit, now it
has rounded corners, which visually requires some space around it.

Author: silvenon

www/src/templates/component.js

@@ -61,18 +61,16 @@ class ComponentTemplate extends React.Component {
             <div
               dangerouslySetInnerHTML={{ __html: extractMarkdown(metadata) }}
             />
-          </Container>
 
-          {codeSandboxId != null && (
-            <Example
-              codeSandbox={{
-                title: `${metadata.displayName} Component`,
-                id: codeSandboxId,
-              }}
-            />
-          )}
+            {codeSandboxId != null && (
+              <Example
+                codeSandbox={{
+                  title: `${metadata.displayName} Component`,
+                  id: codeSandboxId,
+                }}
+              />
+            )}
 
-          <Container>
             <h2 id={`${metadata.displayName}-props`}>
               <a href={`#${metadata.displayName}-props`}>Props</a>
               {metadata.composes && (