feat: ajout de la gestion des jobs avec création, récupération, suppression et filtrage via l'API, incluant des entités, des composants Vue.js et des mises à jour de la documentation API

assets/vue/app/shared/components/ui/ToolbarDropdown.vue

@@ -0,0 +1,67 @@
+<template>
+    <Menu as="div" class="relative inline-block">
+        <div>
+            <MenuButton
+                :class="[
+                    'flex flex-col items-center justify-center p-1 rounded group text-white w-20 hover:text-green-500 focus:outline-none focus-visible:ring-2 focus-visible:ring-white focus-visible:ring-opacity-75',
+                    active ? 'text-green-500' : ''
+                ]"
+                :aria-label="label || 'Options'">
+                <component v-if="icon" :is="icon" class="h-6 w-6 mb-1" aria-hidden="true" />
+                <span v-if="label" class="text-xs truncate w-full px-1">{{ label }}</span>
+            </MenuButton>
+        </div>
+
+        <MenuItems
+            class="absolute left-0 mt-2 w-max origin-top-left rounded-sm bg-gray-800 shadow-lg ring-1 ring-black ring-opacity-5 focus:outline-none z-10">
+            <div class="px-1 py-1">
+                <MenuItem v-for="(item, index) in items" :key="index" v-slot="{ active }" :disabled="item.disabled">
+                    <button
+                        :class="[
+                            item.isSelected ? 'text-green-500' : active ? 'text-green-500' : 'text-white',
+                            'group flex w-full items-center rounded-sm px-3 py-2 text-sm',
+                            item.disabled ? 'opacity-50 cursor-not-allowed' : ''
+                        ]"
+                        @click="item.onClick">
+                        {{ item.label }}
+                    </button>
+                </MenuItem>
+            </div>
+        </MenuItems>
+    </Menu>
+</template>
+
+<script setup>
+    import { Menu, MenuButton, MenuItems, MenuItem } from '@headlessui/vue';
+
+    defineProps({
+        icon: {
+            type: [Object, Function],
+            required: false,
+            default: null
+        },
+        label: {
+            type: String,
+            required: false,
+            default: ''
+        },
+        active: {
+            type: Boolean,
+            default: false
+        },
+        items: {
+            type: Array,
+            required: true,
+            default: () => [],
+            validator: items => {
+                return items.every(
+                    item =>
+                        item &&
+                        item.label &&
+                        typeof item.onClick === 'function' &&
+                        (item.isSelected === undefined || typeof item.isSelected === 'boolean')
+                );
+            }
+        }
+    });
+</script>