Fixes: view document info screen (#1201)

* add aadhar to DocumentInfoScreen instead of showing empty fields

* fix: clicking icon on first row of settingScreen navigates back

* review comments

app/src/components/NavBar/BaseNavBar.tsx

@@ -41,7 +41,7 @@ export const LeftAction: React.FC<LeftActionProps> = ({
       case 'back':
         return (
           <Button
-            hitSlop={100}
+            hitSlop={{ top: 20, bottom: 10, left: 20, right: 10 }}
             onPress={onPress}
             unstyled
             icon={<ChevronLeft size={30} color={color} />}
@@ -50,7 +50,7 @@ export const LeftAction: React.FC<LeftActionProps> = ({
       case 'close':
         return (
           <Button
-            hitSlop={100}
+            hitSlop={{ top: 20, bottom: 10, left: 20, right: 10 }}
             onPress={onPress}
             unstyled
             icon={<X size={30} color={color} />}
@@ -61,7 +61,11 @@ export const LeftAction: React.FC<LeftActionProps> = ({
         return null;
       default:
         return (
-          <Button hitSlop={100} onPress={onPress} unstyled>
+          <Button
+            hitSlop={{ top: 20, bottom: 10, left: 20, right: 10 }}
+            onPress={onPress}
+            unstyled
+          >
             {component}
           </Button>
         );