Add link to procedural doc in user menu

resources/js/components/UserMenuContent.vue

@@ -1,9 +1,10 @@
 <script setup lang="ts">
-import { DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator } from '@/components/ui/dropdown-menu';
+import { DropdownMenuGroup, DropdownMenuItem, DropdownMenuSeparator } from '@/components/ui/dropdown-menu';
 import { logout } from '@/routes';
 import { edit } from '@/routes/profile';
+import { proceduralDocumentation } from '@/routes';
 import { Link, router } from '@inertiajs/vue3';
-import { LogOut, Settings, User } from 'lucide-vue-next';
+import { Book, LogOut, Settings } from 'lucide-vue-next';
 import axios from 'axios';
 import { Kbd, KbdGroup } from '@/components/ui/kbd';
 
@@ -31,7 +32,15 @@ const handleLogout = () => {
             </Link>
         </DropdownMenuItem>
 
-    </DropdownMenuGroup>
+        <DropdownMenuItem as-child>
+            <Link :href="proceduralDocumentation()" prefetch class="flex items-center justify-between">
+            <div class="flex items-center gap-3">
+                <Book stroke-width="1.5" />
+                <span class="mr-4">Verfahrensdokumentation</span>
+            </div>
+            </Link>
+        </DropdownMenuItem>
+
 
         <DropdownMenuSeparator />
 
@@ -41,4 +50,6 @@ const handleLogout = () => {
             Log out
             </Link>
         </DropdownMenuItem>
+        
+    </DropdownMenuGroup>
 </template>