✨(react) add a popover component

A design system needs a popover mecanism.
In the select component, this logic is handled by downshift.
We introduce a new component, responsible to open an element in
a popin and close it when the user click outside of it.

packages/react/src/components/Popover/index.tsx

@@ -0,0 +1,28 @@
+import React, { PropsWithChildren, RefObject } from "react";
+import classNames from "classnames";
+import { useHandleClickOutside } from ":/hooks/useHandleClickOutside";
+
+type PopoverProps = PropsWithChildren & {
+  parentRef: RefObject<HTMLDivElement>;
+  onClickOutside: () => void;
+  borderless?: boolean;
+};
+
+export const Popover = ({
+  parentRef,
+  children,
+  onClickOutside,
+  borderless = false,
+}: PopoverProps) => {
+  useHandleClickOutside(parentRef, onClickOutside);
+
+  return (
+    <div
+      className={classNames("c__popover", {
+        "c__popover--borderless": borderless,
+      })}
+    >
+      {children}
+    </div>
+  );
+};