Shuffle docs order (#4183)

This PR brings updates the docs order, bringing collaboration higher up.

### Change type

- [x] `other`

apps/examples/src/examples.tsx

@@ -34,11 +34,11 @@ const getExamplesForCategory = (category: Category) =>
 
 const categories: Record<Category, string> = {
 	basic: 'Getting started',
+	collaboration: 'Collaboration',
 	ui: 'UI & theming',
 	'shapes/tools': 'Shapes & tools',
 	'data/assets': 'Data & assets',
 	'editor-api': 'Editor API',
-	collaboration: 'Collaboration',
 	'use-cases': 'Use cases',
 }
 

apps/examples/src/examples/camera-options/README.md

@@ -1,7 +1,7 @@
 ---
 title: Camera options
 component: ./CameraOptionsExample.tsx
-category: basic
+category: editor-api
 keywords: [api, fixed, constraints, camera bounds, pan speed, zoom speed]
 ---
 

apps/examples/src/examples/editor-focus/README.md

@@ -1,8 +1,7 @@
 ---
 title: Editor focus
 component: ./EditorFocusExample.tsx
-category: basic
-priority: 7
+category: editor-api
 keywords: [instance, state, keyboard shortcuts]
 ---
 

apps/examples/src/examples/multiplayer-demo/README.md

@@ -1,8 +1,8 @@
 ---
-title: Multiplayer demo
+title: Multiplayer with tlsync
 component: ./MultiplayerDemoExample.tsx
-category: basic
-priority: 3
+category: collaboration
+priority: 1
 keywords: [basic, intro, simple, quick, start, multiplayer, sync, collaboration]
 multiplayer: true
 ---

apps/examples/src/examples/user-presence/README.md

@@ -1,8 +1,7 @@
 ---
 title: User presence
 component: ./UserPresenceExample.tsx
-category: collaboration
-priority: 2
+category: editor-api
 keywords: [Instance presence record, cursor]
 ---
 
@@ -10,6 +9,4 @@ Show other users editing the same document.
 
 ---
 
-Here, we add fake InstancePresence records to the store to simulate other users.
-
-If you have your own presence system, you could add real records to the store in the same way.
+Here, we add fake InstancePresence records to the store to simulate other users. If you have your own presence system, you could add real records to the store in the same way.

apps/examples/src/examples/yjs/README.md

@@ -1,5 +1,5 @@
 ---
-title: YJS
+title: Collaboration with YJS
 component: ./YjsExample.tsx
 category: collaboration
 priority: 2

apps/examples/src/examples/yjs/YjsExample.tsx

@@ -1,6 +1,6 @@
 export default function YjsExample() {
 	return (
-		<div className="tldraw__editor">
+		<div className="tldraw__editor" style={{ padding: 32 }}>
 			We’ve moved! See{' '}
 			<a href="https://github.com/tldraw/tldraw-yjs-example">
 				https://github.com/tldraw/tldraw-yjs-example