🐛(react) fix inputs overflowing placeholder

The oveflowing labels were spreading on two lines. I had to wrap a
span inside a label in order to be able to deal with the text-oveflow
plus the absolute positionning.

packages/react/src/components/Forms/Input/index.spec.tsx

@@ -51,7 +51,7 @@ describe("<Input/>", () => {
     const input2: HTMLInputElement = screen.getByRole("textbox", {
       name: "Second name",
     });
-    const label = screen.getByText("First name");
+    const label = screen.getByText("First name")!.parentElement!;
     expect(Array.from(label.classList)).toContain("placeholder");
 
     // Clicking on the input should remove the placeholder class.