fix PR comments

src/components/HeaderGap/index.desktop.tsx

@@ -1,15 +1,13 @@
 import React, {memo} from 'react';
-import {StyleProp, View, ViewStyle} from 'react-native';
+import {View} from 'react-native';
 import useThemeStyles from '@styles/useThemeStyles';
+import HeaderGapProps from './types';
 
-type HeaderGapProps = {
-    style: StyleProp<ViewStyle>;
-};
-
-function HeaderGap({style}: HeaderGapProps) {
+function HeaderGap({styles}: HeaderGapProps) {
     const themeStyles = useThemeStyles();
-    return <View style={[themeStyles.headerGap, style]} />;
+    return <View style={[themeStyles.headerGap, styles]} />;
 }
 
 HeaderGap.displayName = 'HeaderGap';
+
 export default memo(HeaderGap);

src/components/HeaderGap/types.ts

@@ -0,0 +1,7 @@
+import {StyleProp, ViewStyle} from 'react-native';
+
+type HeaderGapProps = {
+    styles?: StyleProp<ViewStyle>;
+};
+
+export default HeaderGapProps;