fix: storybook checkbox style

before:
1. there is no flexWrap option in Wrapper Component so in mobile environment some checkbox won't show
2. there is no key props for LabelWrapper, so there are warnings while compiling code

after:

1. added flexWrap:'wrap' and justifyContent:'center' for responsive layout
2. added key props for LabelWrapper

stories/dooboo-ui/CheckboxStories/CheckboxStory.tsx

@@ -53,23 +53,26 @@ const CheckboxStory: FC = () => {
         Checkbox
       </StyledText>
 
-      <View style={{flexDirection: 'row'}}>
+      <View
+        style={{
+          flexDirection: 'row',
+          flexWrap: 'wrap',
+          justifyContent: 'center',
+        }}>
         {types.map((type) => (
-          <>
-            <LabelWapper label={type ?? 'default'}>
-              <Checkbox
-                checked={checked}
-                onPress={() => setChecked(!checked)}
-                type={type}
-              />
-            </LabelWapper>
-
-            <View style={{width: 22}} />
-          </>
+          <LabelWapper key={type} label={type ?? 'default'}>
+            <Checkbox
+              style={{margin: 25}}
+              checked={checked}
+              onPress={() => setChecked(!checked)}
+              type={type}
+            />
+          </LabelWapper>
         ))}
 
         <LabelWapper label="disabled">
           <Checkbox
+            style={{margin: 25}}
             checked={checked}
             onPress={() => setChecked(!checked)}
             disabled