fix: adjust header height and layout for ExpandingDrawer component

Author: YogendraShelke

packages/pluggableWidgets/bottom-sheet-native/src/components/ExpandingDrawer.tsx

@@ -178,9 +178,10 @@ export const ExpandingDrawer = (props: ExpandingDrawerProps): ReactElement => {
     );
 
     const hasMinimumMeasurements = !isSmallContentValid || smallContentHeight > 0;
+    const headerHeight = isSmallContentValid ? smallContentHeight : 20; // Default header height if smallContent is not valid
 
     return (
-        <View style={StyleSheet.absoluteFillObject} pointerEvents="box-none">
+        <View style={StyleSheet.absoluteFill} pointerEvents="box-none">
             {renderMeasurementTree()}
 
             {hasMinimumMeasurements && snapPoints.length > 0 && (
@@ -196,13 +197,13 @@ export const ExpandingDrawer = (props: ExpandingDrawerProps): ReactElement => {
                     enableDynamicSizing={false}
                 >
                     {/* Sticky header (smallContent) */}
-                    <BottomSheetView onLayout={onLayoutSmallContent} style={!isSmallContentValid ? { height: 20 } : {}}>
+                    <BottomSheetView onLayout={onLayoutSmallContent} style={{ height: headerHeight }}>
                         {props.smallContent}
                     </BottomSheetView>
 
                     {/* Scrollable content area */}
                     <BottomSheetScrollView
-                        style={{ flex: 1 }} // Allow it to take available space
+                        style={{ flex: 1, marginTop: headerHeight }} // Allow it to take available space
                         contentContainerStyle={{ paddingBottom: 16 }}
                     >
                         {/* Render largeContent and measure it if needed */}