🔍 CV search metadata wrangling

src/client/components/shared/PopoverButton.tsx

@@ -3,7 +3,7 @@ import { useFloating, offset, flip } from "@floating-ui/react-dom";
 import { useTranslation } from "react-i18next";
 import "../../shared/utils/i18n.util"; // Ensure you import your i18n configuration
 
-const PopoverButton = ({ content }) => {
+const PopoverButton = ({ content, clickHandler }) => {
   const [isVisible, setIsVisible] = useState(false);
   // Use destructuring to obtain the reference and floating setters, among other values.
   const { x, y, refs, strategy, floatingStyles } = useFloating({
@@ -23,6 +23,7 @@ const PopoverButton = ({ content }) => {
         onBlur={() => setIsVisible(false)}
         aria-describedby="popover"
         className="flex space-x-1 sm:mt-0 sm:flex-row sm:items-center rounded-lg border border-green-400 dark:border-green-200 bg-green-200 px-2 py-2 text-gray-500 hover:bg-transparent hover:text-green-600 focus:outline-none focus:ring active:text-indigo-500"
+        onClick={clickHandler}
       >
         <i className="icon-[solar--add-square-bold-duotone] w-6 h-6 mr-2"></i>{" "}
         Mark as Wanted