[Mobile] Fix separator height

Stop using StyleSheet.hairlineWidth

Author: brunolemos

packages/components/src/components/common/Button.tsx

@@ -1,6 +1,6 @@
 import { rgba } from 'polished'
 import React, { useCallback, useLayoutEffect, useRef } from 'react'
-import { StyleSheet, ViewProps } from 'react-native'
+import { ViewProps } from 'react-native'
 import { useSpring } from 'react-spring/native'
 
 import { constants } from '@devhub/core'
@@ -176,7 +176,7 @@ export const Button = React.memo((props: ButtonProps) => {
           height: size,
           backgroundColor: springAnimatedStyles.touchableBackgroundColor,
           borderColor: springAnimatedStyles.touchableBorderColor,
-          borderWidth: showBorder ? StyleSheet.hairlineWidth : 0,
+          borderWidth: showBorder ? 1 : 0,
           borderRadius: round ? (size || defaultButtonSize) / 2 : 0,
         },
         style,

packages/components/src/components/common/Label.tsx

@@ -1,7 +1,6 @@
 import React, { ReactNode } from 'react'
 import {
   StyleProp,
-  StyleSheet,
   Text,
   TextProps,
   View,
@@ -107,7 +106,7 @@ export function Label(props: LabelProps) {
           alignItems: 'center',
           justifyContent: 'center',
           borderRadius: typeof radius === 'number' ? radius : height / 2,
-          borderWidth: outline ? StyleSheet.hairlineWidth : 0,
+          borderWidth: outline ? 1 : 0,
         },
         containerProps && containerProps.style,
         containerStyle,

packages/components/src/components/common/Separator.tsx

@@ -1,11 +1,11 @@
 import { getLuminance } from 'polished'
 import React from 'react'
-import { StyleSheet, View } from 'react-native'
+import { View } from 'react-native'
 
 import { ThemeColors } from '@devhub/core'
 import { ThemedView } from '../themed/ThemedView'
 
-export const separatorSize = StyleSheet.hairlineWidth * 2
+export const separatorSize = 2
 export const separatorThickSize = 5
 
 export function getSeparatorThemeColors(