6446 improve information banner component to make it scale better (#6545)

Closes #6446

packages/twenty-front/src/modules/information-banner/components/InformationBanner.tsx

@@ -0,0 +1,39 @@
+import { Button } from '@/ui/input/button/components/Button';
+import styled from '@emotion/styled';
+import { Banner, IconComponent } from 'twenty-ui';
+
+const StyledBanner = styled(Banner)`
+  position: absolute;
+`;
+
+const StyledText = styled.div`
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+`;
+
+export const InformationBanner = ({
+  message,
+  buttonTitle,
+  buttonIcon,
+  buttonOnClick,
+}: {
+  message: string;
+  buttonTitle: string;
+  buttonIcon?: IconComponent;
+  buttonOnClick: () => void;
+}) => {
+  return (
+    <StyledBanner>
+      <StyledText>{message}</StyledText>
+      <Button
+        variant="secondary"
+        title={buttonTitle}
+        Icon={buttonIcon}
+        size="small"
+        inverted
+        onClick={buttonOnClick}
+      />
+    </StyledBanner>
+  );
+};