Increase size of input in test setting logic function tab (#18369)

## Before
<img width="1031" height="836" alt="image"
src="https://github.com/user-attachments/assets/475ca1be-f7c4-49d0-b329-649dbe8da489"
/>


## After

<img width="1195" height="862" alt="image"
src="https://github.com/user-attachments/assets/b1bac131-e562-4439-8f8e-bda4d6e2a646"
/>

---------

Co-authored-by: Charles Bochet <charles@twenty.com>

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

@@ -6,6 +6,7 @@ import {
   IconRadiusTopLeft,
   IconRadiusTopRight,
 } from 'twenty-ui/display';
+import { ResizeHandle } from 'twenty-ui/layout';
 import { themeCssVariables } from 'twenty-ui/theme-constants';
 import { ThemeContext } from 'twenty-ui/theme';
 
@@ -67,28 +68,6 @@ const StyledVerticalHandle = styled.div`
   width: ${themeCssVariables.icon.stroke.lg}px;
 `;
 
-const StyledHorizontalHandle = styled.div`
-  border-radius: ${themeCssVariables.border.radius.sm};
-  height: ${themeCssVariables.icon.stroke.lg}px;
-  width: ${themeCssVariables.spacing[5]};
-`;
-
-const StyledHorizontalHandleWrapper = styled.div<{
-  widgetHandleAxis: WidgetHorizontalHandleAxis;
-}>`
-  border-radius: ${themeCssVariables.border.radius.sm};
-  cursor: row-resize;
-  transform: ${({ widgetHandleAxis }) =>
-    widgetHandleAxis === 'n' ? 'translateY(-50%)' : 'translateY(50%)'};
-  padding: ${themeCssVariables.spacing[2]} ${themeCssVariables.spacing[2]};
-
-  :hover {
-    & > div {
-      background-color: ${themeCssVariables.font.color.tertiary};
-    }
-  }
-`;
-
 const StyledVerticalHandleWrapper = styled.div<{
   widgetHandleAxis: WidgetVerticalHandleAxis;
 }>`
@@ -201,9 +180,15 @@ export const PageLayoutGridResizeHandle = forwardRef<
           </StyledVerticalHandleWrapper>
         )}
         {isHorizontalHandle(widgetHandleAxis) && (
-          <StyledHorizontalHandleWrapper widgetHandleAxis={widgetHandleAxis}>
-            <StyledHorizontalHandle />
-          </StyledHorizontalHandleWrapper>
+          <ResizeHandle
+            style={{
+              cursor: 'row-resize',
+              transform:
+                widgetHandleAxis === 'n'
+                  ? 'translateY(-50%)'
+                  : 'translateY(50%)',
+            }}
+          />
         )}
         {widgetHandleAxis === 'ne' && (
           <StyledCornerIconWrapper cursor="nesw-resize" position="ne">