refactor: use floating ui for dropdowns

app/plugins/clickOutside.ts

@@ -0,0 +1,18 @@
+export default defineNuxtPlugin((nuxtApp) => {
+    nuxtApp.vueApp.directive('click-outside', {
+        mounted(el: any, binding: any) {
+            el.clickOutsideEvent = (event: Event) => {
+                if (!el.contains(event.target as Node)) {
+                    binding.value();
+                }
+            };
+
+            setTimeout(() => {
+                document.addEventListener("click", el.clickOutsideEvent);
+            });
+        },
+        unmounted(el: any) {
+            document.removeEventListener('click', el.clickOutsideEvent);
+        }
+    });
+});