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,14 +32,24 @@ const handleLogout = () => {
             </Link>
         </DropdownMenuItem>
 
+        <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 />
+
+        <DropdownMenuItem as-child>
+            <Link class="block w-full" :href="logout()" @click="handleLogout" as="button" data-test="logout-button">
+            <LogOut stroke-width="1.5" class="mr-2 h-4 w-4" />
+            Log out
+            </Link>
+        </DropdownMenuItem>
+        
     </DropdownMenuGroup>
-
-    <DropdownMenuSeparator />
-
-    <DropdownMenuItem as-child>
-        <Link class="block w-full" :href="logout()" @click="handleLogout" as="button" data-test="logout-button">
-        <LogOut stroke-width="1.5" class="mr-2 h-4 w-4" />
-        Log out
-        </Link>
-    </DropdownMenuItem>
 </template>