Add project repository connection settings

resources/js/pages/projects/Show.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { Head, Link } from '@inertiajs/vue3';
-import { LayoutGrid, ListTodo, Settings2 } from 'lucide-vue-next';
+import { FolderGit2, LayoutGrid, ListTodo, Settings2 } from 'lucide-vue-next';
 import Heading from '@/components/Heading.vue';
 import { Badge } from '@/components/ui/badge';
 import { Button } from '@/components/ui/button';
@@ -18,6 +18,7 @@ import { index as backlogIndex } from '@/routes/projects/backlog';
 import {
     board as boardSettings,
     metadata as metadataSettings,
+    repositories as repositorySettings,
 } from '@/routes/projects/settings';
 import type { BreadcrumbItem, ProjectShowPageProps } from '@/types';
 
@@ -53,6 +54,12 @@ const projectAreas = [
             'Manage board columns, ticket metadata, and the project-specific workflow configuration.',
         icon: Settings2,
     },
+    {
+        title: 'Repositories',
+        description:
+            'Link project repositories so tickets can later discover related branches and pull requests.',
+        icon: FolderGit2,
+    },
 ];
 </script>
 
@@ -104,6 +111,12 @@ const projectAreas = [
                     </Link>
                 </Button>
 
+                <Button as-child variant="outline">
+                    <Link :href="repositorySettings(project.id)">
+                        Repository settings
+                    </Link>
+                </Button>
+
                 <Button as-child variant="outline">
                     <Link :href="access(project.id)">Manage access</Link>
                 </Button>