fix(food): add bottom padding to allergen and flag selection

README.md

@@ -33,8 +33,8 @@ Check out the [contributing guidelines](https://next.neuland.app/en/app/setup) t
 
 Click on the link below to join the beta testing of the app:
 
--   iOS: [TestFlight](https://testflight.apple.com/join/PABWZys2)
--   Android: [Google Play](https://play.google.com/store/apps/details?id=app.neuland)
+- iOS: [TestFlight](https://testflight.apple.com/join/PABWZys2)
+- Android: [Google Play](https://play.google.com/store/apps/details?id=app.neuland)
 
 > [!IMPORTANT]  
 > Please let us know about any bugs and send us ideas for improvement so that we can improve the app.

android/app/build.gradle

@@ -91,7 +91,7 @@ android {
         applicationId 'app.neuland'
         minSdkVersion rootProject.ext.minSdkVersion
         targetSdkVersion rootProject.ext.targetSdkVersion
-        versionCode 243
+        versionCode 244
         versionName "0.11.0"
     }
     signingConfigs {

app.config.json

@@ -36,7 +36,7 @@
         "android": {
             "package": "app.neuland",
             "userInterfaceStyle": "automatic",
-            "versionCode": 243
+            "versionCode": 244
         },
         "sdkVersion": "52.0.0",
         "experiments": {

src/app/(flow)/whatsnew.tsx

@@ -1,7 +1,7 @@
 /* eslint-disable react-hooks/rules-of-hooks */
 import WhatsNewBox from '@/components/Flow/WhatsnewBox'
-import { FlowContext } from '@/components/contexts'
 import changelogData from '@/data/changelog.json'
+import { useFlowStore } from '@/hooks/useFlowStore'
 import { type LanguageKey } from '@/localization/i18n'
 import { type Changelog } from '@/types/data'
 import { convertToMajorMinorPatch } from '@/utils/app-utils'
@@ -24,12 +24,12 @@ import { createStyleSheet, useStyles } from 'react-native-unistyles'
 
 export default function WhatsNewScreen(): JSX.Element {
     const { styles } = useStyles(stylesheet)
-    const flow = React.useContext(FlowContext)
     const changelog: Changelog = changelogData as Changelog
     const { t, i18n } = useTranslation('flow')
     const version = convertToMajorMinorPatch(
         Application.nativeApplicationVersion ?? '0.0.0'
     )
+    const toggleUpdated = useFlowStore((state) => state.toggleUpdated)
     if (changelog.version[version] === undefined) {
         router.navigate('/(tabs)/(index)')
     }
@@ -172,7 +172,7 @@ export default function WhatsNewScreen(): JSX.Element {
                 <Pressable
                     style={styles.button}
                     onPress={() => {
-                        flow.setUpdated(true)
+                        toggleUpdated()
                         router.navigate('/(tabs)/(index)')
                     }}
                 >

src/components/Food/ItemsPickerScreen.tsx

@@ -83,7 +83,10 @@ const ItemsPickerScreen = (params: {
     }, [navigation, isDark])
 
     return (
-        <ScrollView contentInsetAdjustmentBehavior="automatic">
+        <ScrollView
+            contentInsetAdjustmentBehavior="automatic"
+            contentContainerStyle={styles.contentContainer}
+        >
             <View style={styles.container}>
                 <MultiSectionPicker
                     elements={filteredEntries}
@@ -118,6 +121,9 @@ const stylesheet = createStyleSheet((theme) => ({
         justifyContent: 'center',
         width: '100%',
     },
+    contentContainer: {
+        paddingBottom: theme.margins.bottomSafeArea,
+    },
     filteredText: {
         alignSelf: 'center',
         color: theme.colors.labelColor,

src/components/Map/SearchResuts.tsx

@@ -1,4 +1,5 @@
 import { MapContext } from '@/contexts/map'
+import { usePreferencesStore } from '@/hooks/usePreferencesStore'
 import { type SearchResult } from '@/types/map'
 import { trackEvent } from '@aptabase/react-native'
 import Fuse from 'fuse.js'
@@ -9,7 +10,6 @@ import { Alert, Platform, SectionList, Text } from 'react-native'
 import { createStyleSheet, useStyles } from 'react-native-unistyles'
 
 import Divider from '../Universal/Divider'
-import { PreferencesContext } from '../contexts'
 import ResultRow from './SearchResultRow'
 
 interface SearchResultsProps {
@@ -25,8 +25,12 @@ const SearchResults: React.FC<SearchResultsProps> = ({
     const { t, i18n } = useTranslation('common')
     const { searchHistory, updateSearchHistory, localSearch } =
         useContext(MapContext)
-    const { unlockedAppIcons, addUnlockedAppIcon } =
-        useContext(PreferencesContext)
+    const unlockedAppIcons = usePreferencesStore(
+        (state) => state.unlockedAppIcons
+    )
+    const addUnlockedAppIcon = usePreferencesStore(
+        (state) => state.addUnlockedAppIcon
+    )
     useEffect(() => {
         if (
             localSearch.toLocaleLowerCase() === 'neuland' &&