8976 modify mobile page header (#9020)

Closes #8976

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

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