fix: menu align center

Author: ankit-tailor

example/storybook/stories/components/composites/Menu/Basic.tsx

@@ -3,7 +3,7 @@ import { Menu, HamburgerIcon, Box, Pressable } from 'native-base';
 
 export function Example() {
   return (
-    <Box h="80%" w="90%" alignItems="flex-start">
+    <Box w="90%" alignItems="center">
       <Menu
         w="190"
         trigger={(triggerProps) => {

example/storybook/stories/components/composites/Menu/Group.tsx

@@ -3,7 +3,7 @@ import { Menu, Divider, HamburgerIcon, Box, Pressable } from 'native-base';
 
 export function Example() {
   return (
-    <Box h="80%" w="90%" alignItems="flex-start">
+    <Box w="90%" alignItems="center">
       <Menu
         w="190"
         trigger={(triggerProps) => {

example/storybook/stories/components/composites/Menu/MenuOptionsGroup.tsx

@@ -3,7 +3,7 @@ import { Menu, Divider, HamburgerIcon, Box, Pressable } from 'native-base';
 
 export function Example() {
   return (
-    <Box h="80%" w="90%" alignItems="flex-start">
+    <Box w="90%" alignItems="center">
       <Menu
         closeOnSelect={false}
         w="190"