navigation: Update MainTabs creation

Replace `TabNavigator` constructor with `createMaterialTopTabNavigator`
creator function which is the one that matched the old behavior.

Note: While `createBottomTabNavigator` sounds like what we might need,
it is a simpler navigator compared to what we were using and actually
`createMaterialTopTabNavigator` is the correct one.

Author: borisyankov

src/main/MainTabs.js

@@ -1,7 +1,7 @@
 /* @flow strict-local */
 import React from 'react';
 import { Platform } from 'react-native';
-import { TabNavigator, TabBarBottom } from 'react-navigation';
+import { createMaterialTopTabNavigator } from 'react-navigation';
 
 import type { TabNavigationOptionsPropsType } from '../types';
 import tabsOptions from '../styles/tabs';
@@ -14,7 +14,7 @@ import { OwnAvatar } from '../common';
 import IconUnreadConversations from '../nav/IconUnreadConversations';
 import ProfileCard from '../account-info/ProfileCard';
 
-export default TabNavigator(
+export default createMaterialTopTabNavigator(
   {
     home: {
       screen: HomeTab,
@@ -62,7 +62,6 @@ export default TabNavigator(
   },
   {
     backBehavior: 'none',
-    tabBarComponent: TabBarBottom,
     tabBarPosition: 'bottom',
     ...tabsOptions({
       showLabel: !!Platform.isPad,