[docs] Fix links, little style tweaks (#2724)

This PR is a small but mighty improvement to our docs.

### Change Type

- [ ] `patch` — Bug fix
- [ ] `minor` — New feature
- [ ] `major` — Breaking change
- [ ] `dependencies` — Changes to package dependencies[^1]
- [x] `documentation` — Changes to the documentation only[^2]
- [ ] `tests` — Changes to any test code only[^2]
- [ ] `internal` — Any other changes that don't affect the published
package[^2]
- [ ] I don't know

[^1]: publishes a `patch` release, for devDependencies use `internal`
[^2]: will not publish a new version

---------

Co-authored-by: Mime Čuvalo <mimecuvalo@gmail.com>

apps/docs/components/ExampleCodeBlock.tsx

@@ -25,12 +25,10 @@ export default function ExampleCodeBlock({
 	}
 
 	return (
-		<>
-			<iframe
-				src={`${SERVER}/${articleId}/full`}
-				style={{ border: 0, height: '50vh', width: '100%' }}
-			/>
+		<div className="code-example">
+			<iframe src={`${SERVER}/${articleId}/full`} />
 			<SandpackProvider
+				className="sandpack"
 				key={`sandpack-${theme}-${activeFile}`}
 				template="react-ts"
 				options={{ activeFile }}
@@ -47,6 +45,6 @@ export default function ExampleCodeBlock({
 			>
 				<SandpackCodeEditor readOnly />
 			</SandpackProvider>
-		</>
+		</div>
 	)
 }