Make padding equal in the bottom bar (#10265)

src/view/shell/bottom-bar/BottomBarStyles.tsx

@@ -1,6 +1,6 @@
 import {StyleSheet} from 'react-native'
 
-import {atoms as a} from '#/alf'
+import {atoms as a, tokens} from '#/alf'
 
 export const styles = StyleSheet.create({
   bottomBar: {
@@ -10,8 +10,8 @@ export const styles = StyleSheet.create({
     right: 0,
     flexDirection: 'row',
     borderTopWidth: StyleSheet.hairlineWidth,
-    paddingLeft: 5,
-    paddingRight: 10,
+    paddingLeft: tokens.space.sm,
+    paddingRight: tokens.space.sm,
   },
   bottomBarWeb: a.fixed,
   ctrl: {