Implement project memberships teams and permission model

resources/js/pages/projects/Show.vue

@@ -12,7 +12,7 @@ import {
     CardTitle,
 } from '@/components/ui/card';
 import AppLayout from '@/layouts/AppLayout.vue';
-import { index, show } from '@/routes/projects';
+import { access, index, show } from '@/routes/projects';
 import type { BreadcrumbItem, ProjectShowPageProps } from '@/types';
 
 const props = defineProps<ProjectShowPageProps>();
@@ -73,6 +73,12 @@ const projectAreas = [
                 </Button>
             </div>
 
+            <div v-if="canManageAccess">
+                <Button as-child>
+                    <Link :href="access(project.id)">Manage access</Link>
+                </Button>
+            </div>
+
             <div class="grid gap-4 md:grid-cols-3">
                 <Card
                     v-for="area in projectAreas"