Integrate settings into design system and some various fixes/tweaks

src/view/shell/mobile/Menu.tsx

@@ -145,7 +145,7 @@ export const Menu = ({
           icon={<BellIcon style={pal.text as StyleProp<ViewStyle>} size="28" />}
           label="Notifications"
           url="/notifications"
-          count={store.me.notificationCount || 10}
+          count={store.me.notificationCount}
         />
       </View>
       <View style={[styles.section, pal.border]}>

src/view/shell/mobile/index.tsx

@@ -346,7 +346,7 @@ export const MobileShell: React.FC = observer(() => {
   const isAtNotifications = store.nav.tab.current.url === '/notifications'
 
   const screenBg = {
-    backgroundColor: theme.colorScheme === 'dark' ? colors.black : colors.gray1,
+    backgroundColor: theme.colorScheme === 'dark' ? colors.gray7 : colors.gray1,
   }
   return (
     <View style={styles.outerContainer}>