Implement board columns and project workflow settings

resources/js/pages/projects/Show.vue

@@ -13,6 +13,7 @@ import {
 } from '@/components/ui/card';
 import AppLayout from '@/layouts/AppLayout.vue';
 import { access, index, show } from '@/routes/projects';
+import { board as boardSettings } from '@/routes/projects/settings';
 import type { BreadcrumbItem, ProjectShowPageProps } from '@/types';
 
 const props = defineProps<ProjectShowPageProps>();
@@ -73,8 +74,14 @@ const projectAreas = [
                 </Button>
             </div>
 
-            <div v-if="canManageAccess">
+            <div v-if="canManageAccess" class="flex flex-wrap gap-3">
                 <Button as-child>
+                    <Link :href="boardSettings(project.id)">
+                        Board settings
+                    </Link>
+                </Button>
+
+                <Button as-child variant="outline">
                     <Link :href="access(project.id)">Manage access</Link>
                 </Button>
             </div>