chore: resize observations list icon

src/frontend/screens/ObservationsList/index.tsx

@@ -6,7 +6,10 @@ import ObservationEmptyView from './ObservationsEmptyView';
 import {Observation} from '@mapeo/schema';
 import {NativeHomeTabsNavigationProps} from '../../sharedTypes';
 import {useAllObservations} from '../../hooks/useAllObservations';
-import {MessageDescriptor, defineMessages} from 'react-intl';
+import {MessageDescriptor, defineMessages, useIntl} from 'react-intl';
+import {BottomTabNavigationOptions} from '@react-navigation/bottom-tabs';
+import {ObservationsListBarIcon} from '../../Navigation/ScreenGroups/TabBar/ObservationsListTabBarIcon';
+import {ObservationListHeaderLeft} from './ObservationListHeaderLeft';
 
 const m = defineMessages({
   loading: {
@@ -86,6 +89,22 @@ export const ObservationsList: React.FC<
   );
 };
 
+export function CreateNavigationOptions(): BottomTabNavigationOptions {
+  const {formatMessage} = useIntl();
+  return {
+    tabBarIcon: ObservationsListBarIcon,
+    headerLeft: ObservationListHeaderLeft,
+    headerTransparent: false,
+    headerTitle: formatMessage(ObservationsList.navTitle),
+    headerShadowVisible: true,
+    headerStyle: {
+      elevation: 15,
+      shadowOpacity: 0,
+      borderBottomWidth: 1,
+    },
+  };
+}
+
 ObservationsList.navTitle = m.observationListTitle;
 
 const styles = StyleSheet.create({