add task selector, change dropdowns to use floating-ui

resources/js/Components/Common/Project/ProjectBadge.vue

@@ -32,9 +32,11 @@ const indicatorClasses = {
             :class="
                 twMerge(indicatorClasses[size], 'inline-block rounded-full')
             "></div>
-        <span>
-            {{ name }}
-        </span>
+        <div>
+            <slot>
+                {{ name }}
+            </slot>
+        </div>
     </Badge>
 </template>
 

resources/js/Components/Common/Project/ProjectDropdown.vue

@@ -107,7 +107,7 @@ function updateValue(project: Project) {
 </script>
 
 <template>
-    <Dropdown v-model="open" align="right" width="60">
+    <Dropdown v-model="open" align="bottom-start" width="60">
         <template #trigger>
             <ProjectBadge
                 ref="projectDropdownTrigger"