Update layout for smaller phones

app/(tabs)/index.tsx

@@ -116,7 +116,7 @@ export default function HomeScreen() {
                             nextComponent={
                                 <ThemedIcon size={28} name="chevron-forward"/>
                             }
-                            weekdays={[ "Zo", "Ma", "Di", "Woe", "Do", "Vrij", "Zat" ]}
+                            weekdays={[ "Ma", "Di", "Woe", "Do", "Vrij", "Zat", "Zo" ]}
                             months={[
                                 "Januari",
                                 "Februari",

app/(tabs)/map.tsx

@@ -161,11 +161,11 @@ const styles = StyleSheet.create( {
     },
     mapContainer: {
         marginTop: 15,
-        height: 400,
+        height: Dimensions.get( 'window' ).height / 3,
     },
     map: {
         width: Dimensions.get( 'window' ).width,
-        height: 400,
+        height: Dimensions.get( 'window' ).height / 3,
         flex: 1,
     },
     listContainer: {