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
+category: editor-api
-priority: 7
 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
+category: collaboration
-priority: 3
+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
+category: editor-api
-priority: 2
 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.
+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.
-
-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