fix: polish project workspace interactions

resources/js/components/projects/ProjectTabs.vue

@@ -14,24 +14,6 @@ defineProps<ProjectTabsProps>();
         aria-label="Project sections"
         class="border-outline-variant/70 flex min-w-max items-center gap-1 border-b"
     >
-        <Link
-            :href="boardIndex(project.id)"
-            prefetch
-            :class="[
-                'group relative inline-flex h-11 items-center gap-2 px-3 text-sm font-semibold transition-colors',
-                active === 'board'
-                    ? 'text-primary'
-                    : 'text-muted-foreground hover:text-foreground',
-            ]"
-        >
-            <KanbanSquare class="size-4" />
-            Board
-            <span
-                v-if="active === 'board'"
-                class="bg-primary absolute inset-x-2 -bottom-px h-0.5"
-            />
-        </Link>
-
         <Link
             :href="backlogIndex(project.id)"
             prefetch
@@ -50,6 +32,24 @@ defineProps<ProjectTabsProps>();
             />
         </Link>
 
+        <Link
+            :href="boardIndex(project.id)"
+            prefetch
+            :class="[
+                'group relative inline-flex h-11 items-center gap-2 px-3 text-sm font-semibold transition-colors',
+                active === 'board'
+                    ? 'text-primary'
+                    : 'text-muted-foreground hover:text-foreground',
+            ]"
+        >
+            <KanbanSquare class="size-4" />
+            Board
+            <span
+                v-if="active === 'board'"
+                class="bg-primary absolute inset-x-2 -bottom-px h-0.5"
+            />
+        </Link>
+
         <Link
             v-if="canManageProject"
             :href="settingsIndex(project.id)"