docs: convert AnimationPlayer banner on "Random values" page

This commit upgrades <AnimationPlayer name="random" /> to a runnable
example on "Random values" page

packages/docs/docs/advanced/random.mdx

@@ -3,13 +3,50 @@ sidebar_position: 3
 slug: /random-values
 ---
 
-import AnimationPlayer from '@site/src/components/AnimationPlayer';
 import CodeBlock from '@theme/CodeBlock';
 import source from '!!raw-loader!@motion-canvas/examples/src/scenes/random';
 
 # Random values
 
-<AnimationPlayer name="random" banner />
+```tsx editor
+import {makeScene2D} from '@motion-canvas/2d/lib/scenes';
+import {Layout, Rect} from '@motion-canvas/2d/lib/components';
+import {makeRef, range, useRandom} from '@motion-canvas/core/lib/utils';
+import {all, loop, sequence} from '@motion-canvas/core/lib/flow';
+
+export default makeScene2D(function* (view) {
+  // highlight-next-line
+  const random = useRandom();
+  const rects: Rect[] = [];
+
+  view.add(
+    <Layout layout gap={10} alignItems="center">
+      {range(40).map(i => (
+        <Rect
+          ref={makeRef(rects, i)}
+          radius={5}
+          width={10}
+          height={10}
+          fill={'#e13238'}
+        />
+      ))}
+    </Layout>,
+  );
+
+  yield* loop(3, () =>
+    sequence(
+      0.04,
+      ...rects.map(rect =>
+        all(
+          // highlight-next-line
+          rect.size.y(random.nextInt(100, 200), 0.5).to(10, 0.5),
+          rect.fill('#e6a700', 0.5).to('#e13238', 0.5),
+        ),
+      ),
+    ),
+  );
+});
+```
 
 Randomly generated values can be used to create a sense of variety and
 unpredictability in your animation. In Motion Canvas, it's achieved using the

packages/examples/vite.config.ts

@@ -13,7 +13,6 @@ export default defineConfig({
         './src/tweening-vector.ts',
         './src/tweening-visualiser.ts',
         './src/node-signal.ts',
-        './src/random.ts',
         './src/layout-group.ts',
         './src/media-image.ts',
         './src/media-video.ts',