fixed Pressable examples

Author: amars29

example/storybook/stories/components/primitives/Pressable/Basic.tsx

@@ -4,16 +4,18 @@ import { Pressable, Text, Box, HStack, Spacer, Flex, Badge } from 'native-base';
 export function Example() {
   return (
     <Box alignItems="center">
-      <Pressable onPress={() => console.log("I'm Pressed")}>
-        <Box
-          maxW="96"
-          borderWidth="1"
-          borderColor="coolGray.300"
-          shadow="3"
-          bg="coolGray.100"
-          p="5"
-          rounded="8"
-        >
+      <Pressable
+        onPress={() => console.log("I'm Pressed")}
+        rounded="8"
+        overflow="hidden"
+        borderWidth="1"
+        borderColor="coolGray.300"
+        maxW="96"
+        shadow="3"
+        bg="coolGray.100"
+        p="5"
+      >
+        <Box>
           <HStack alignItems="center">
             <Badge
               colorScheme="darkBlue"

example/storybook/stories/components/primitives/Pressable/Events.tsx

@@ -4,23 +4,24 @@ import { Pressable, Text, Box, HStack, Spacer, Flex, Badge } from 'native-base';
 export function Example() {
   return (
     <Box alignItems="center">
-      <Pressable>
+      <Pressable
+        maxW="96"
+        borderWidth="1"
+        borderColor="coolGray.300"
+        shadow="3"
+        rounded="8"
+        p="5"
+      >
         {({ isHovered, isFocused, isPressed }) => {
           return (
             <Box
-              maxW="96"
-              borderWidth="1"
-              borderColor="coolGray.300"
-              shadow="3"
               bg={
                 isPressed
                   ? 'coolGray.200'
                   : isHovered
                   ? 'coolGray.200'
                   : 'coolGray.100'
               }
-              p="5"
-              rounded="8"
               style={{
                 transform: [
                   {