8964 add feature flag is page header v2 enabled (#8995)

Closes #8964

packages/twenty-front/src/modules/ui/layout/page/components/PageAddButton.tsx

@@ -1,18 +1,38 @@
-import { Button, IconPlus } from 'twenty-ui';
+import { useIsFeatureEnabled } from '@/workspace/hooks/useIsFeatureEnabled';
+import { Button, IconButton, IconPlus } from 'twenty-ui';
 
 type PageAddButtonProps = {
   onClick?: () => void;
 };
 
-export const PageAddButton = ({ onClick }: PageAddButtonProps) => (
-  <Button
-    Icon={IconPlus}
-    dataTestId="add-button"
-    size="small"
-    variant="secondary"
-    accent="default"
-    title="New record"
-    onClick={onClick}
-    ariaLabel="New record"
-  />
-);
+export const PageAddButton = ({ onClick }: PageAddButtonProps) => {
+  const isPageHeaderV2Enabled = useIsFeatureEnabled(
+    'IS_PAGE_HEADER_V2_ENABLED',
+  );
+  return (
+    <>
+      {isPageHeaderV2Enabled ? (
+        <Button
+          Icon={IconPlus}
+          dataTestId="add-button"
+          size="small"
+          variant="secondary"
+          accent="default"
+          title="New record"
+          onClick={onClick}
+          ariaLabel="New record"
+        />
+      ) : (
+        <IconButton
+          Icon={IconPlus}
+          dataTestId="add-button"
+          size="medium"
+          variant="secondary"
+          accent="default"
+          ariaLabel="Add"
+          onClick={onClick}
+        />
+      )}
+    </>
+  );
+};