feat(data-forwarding): add padding prop to FieldLayout components

Author: JonasBa

static/app/components/core/form/layout/index.tsx

@@ -1,11 +1,12 @@
 import {FieldMeta} from '@sentry/scraps/form/field/meta';
 import {useFieldContext} from '@sentry/scraps/form/formContext';
-import {Container, Flex, Stack} from '@sentry/scraps/layout';
+import {Container, Flex, Stack, type FlexProps} from '@sentry/scraps/layout';
 
 interface LayoutProps {
   children: React.ReactNode;
   label: React.ReactNode;
   hintText?: React.ReactNode;
+  padding?: FlexProps<'div'>['padding'];
   required?: boolean;
   variant?: 'compact';
 }
@@ -15,7 +16,13 @@ function RowLayout(props: LayoutProps) {
   const field = useFieldContext();
 
   return (
-    <Flex id={field.name} gap="sm" align="center" justify="between">
+    <Flex
+      id={field.name}
+      gap="sm"
+      align="center"
+      justify="between"
+      padding={props.padding}
+    >
       <Stack width="50%" gap="xs">
         <Flex gap="xs" align="center">
           <FieldMeta.Label
@@ -40,7 +47,7 @@ function StackLayout(props: LayoutProps) {
   const field = useFieldContext();
 
   return (
-    <Stack id={field.name} gap="md">
+    <Stack id={field.name} gap="md" padding={props.padding}>
       <Flex gap="xs" align="center">
         <FieldMeta.Label
           required={props.required}