docs: reorder the footer and mobile menu links

docs/app/composables/useFooter.ts

@@ -2,21 +2,21 @@ export function useFooter() {
   const route = useRoute()
 
   const links = computed(() => [{
-    label: 'Blog',
-    to: '/blog',
-    active: route.path.startsWith('/blog')
-  }, {
     label: 'Community',
     to: '/community',
     active: route.path.startsWith('/community')
   }, {
-    label: 'Playground',
-    to: '/play',
-    target: '_blank'
+    label: 'Blog',
+    to: '/blog',
+    active: route.path.startsWith('/blog')
   }, {
     label: 'Team',
     to: '/team',
     active: route.path.startsWith('/team')
+  }, {
+    label: 'Playground',
+    to: '/play',
+    target: '_blank'
   }])
 
   return {

docs/app/composables/useHeader.ts

@@ -57,16 +57,19 @@ export function useHeader() {
     label: 'Community',
     icon: 'i-lucide-globe',
     to: '/community'
+  }, {
+    label: 'Blog',
+    icon: 'i-lucide-newspaper',
+    to: '/blog'
+  }, {
+    label: 'Team',
+    icon: 'i-lucide-users',
+    to: '/team'
   }, {
     label: 'Playground',
     icon: 'i-lucide-square-terminal',
     to: '/play',
     target: '_blank'
-  }, {
-    label: 'Blog',
-    icon: 'i-lucide-newspaper',
-    to: '/blog',
-    active: route.path.startsWith('/blog')
   }, {
     label: 'Figma',
     icon: 'i-lucide-figma',