fix: HeaderItem tab in production that crashes the app on press

mobile-app/app/(tabs)/_layout.tsx

@@ -9,7 +9,7 @@ import { Colors } from '@/constants/Colors';
 import { useColorScheme } from '@/hooks/useColorScheme';
 import { useGroupStore } from '@/zustand/group/stateGroupStore';
 
-import { HeaderItem } from './HeaderItem';
+import { HeaderItem } from '../../components/HeaderItem';
 
 const GroupsButton = () => {
     const nav = useNavigation();

mobile-app/app/editFormation.tsx

@@ -3,11 +3,11 @@ import React, { useState } from 'react';
 import { Text, View } from 'react-native';
 import { GestureHandlerRootView } from 'react-native-gesture-handler';
 
-import { HeaderItem } from '@/app/(tabs)/HeaderItem';
 import { navStyles } from '@/app/navigation/navStyles';
 import { useNavigation } from '@/app/navigation/useNavigation';
 import CupGrid from '@/components/CupGrid';
 import { Formation } from '@/components/CupGrid/Formation';
+import { HeaderItem } from '@/components/HeaderItem';
 import MenuItem from '@/components/Menu/MenuItem';
 import MenuSection from '@/components/Menu/MenuSection';
 import { theme } from '@/theme';

mobile-app/app/editFormationName.tsx

@@ -1,7 +1,7 @@
 import { Stack } from 'expo-router';
 import React, { useState } from 'react';
 
-import { HeaderItem } from '@/app/(tabs)/HeaderItem';
+import { HeaderItem } from '@/components/HeaderItem';
 import InputModal from '@/components/InputModal';
 import TextInput from '@/components/TextInput';
 import { theme } from '@/theme';

mobile-app/app/editGroupName.tsx

@@ -2,8 +2,8 @@ import { Stack, useLocalSearchParams } from 'expo-router';
 import React, { useState } from 'react';
 
 import { useGroupQuery, useUpdateGroupMutation } from '@/api/calls/groupHooks';
-import { HeaderItem } from '@/app/(tabs)/HeaderItem';
 import { useNavigation } from '@/app/navigation/useNavigation';
+import { HeaderItem } from '@/components/HeaderItem';
 import InputModal from '@/components/InputModal';
 import TextInput from '@/components/TextInput';
 import { theme } from '@/theme';

mobile-app/app/editPlayerName.tsx

@@ -6,8 +6,8 @@ import {
     useUpdatePlayerMutation,
 } from '@/api/calls/playerHooks';
 import { useGroup } from '@/api/calls/seasonHooks';
-import { HeaderItem } from '@/app/(tabs)/HeaderItem';
 import { useNavigation } from '@/app/navigation/useNavigation';
+import { HeaderItem } from '@/components/HeaderItem';
 import InputModal from '@/components/InputModal';
 import TextInput from '@/components/TextInput';
 import { theme } from '@/theme';

mobile-app/app/editRankPlayersBy.tsx

@@ -2,8 +2,8 @@ import { Stack } from 'expo-router';
 import React, { useState } from 'react';
 import { Text } from 'react-native';
 
-import { HeaderItem } from '@/app/(tabs)/HeaderItem';
 import { useNavigation } from '@/app/navigation/useNavigation';
+import { HeaderItem } from '@/components/HeaderItem';
 import InputModal from '@/components/InputModal';
 import Select from '@/components/Select';
 

mobile-app/app/formations.tsx

@@ -3,10 +3,10 @@ import React from 'react';
 import { Dimensions, Text, TouchableHighlight, View } from 'react-native';
 import { GestureHandlerRootView } from 'react-native-gesture-handler';
 
-import { HeaderItem } from '@/app/(tabs)/HeaderItem';
 import { navStyles } from '@/app/navigation/navStyles';
 import { useNavigation } from '@/app/navigation/useNavigation';
 import CupGrid from '@/components/CupGrid';
+import { HeaderItem } from '@/components/HeaderItem';
 
 const SCREEN_WIDTH = Dimensions.get('window').width;
 

mobile-app/app/match.tsx

@@ -16,7 +16,7 @@ import { theme } from '@/theme';
 import { showErrorToast, showSuccessToast } from '@/toast';
 import { ConsoleLogger } from '@/utils/logging';
 
-import { HeaderItem } from './(tabs)/HeaderItem';
+import { HeaderItem } from '../components/HeaderItem';
 import { useNavigation } from './navigation/useNavigation';
 
 export default function Page() {

mobile-app/app/pastSeasons.tsx

@@ -5,8 +5,8 @@ import Animated from 'react-native-reanimated';
 import Carousel from 'react-native-reanimated-carousel';
 import Swiper from 'react-native-swiper';
 
-import { HeaderItem } from '@/app/(tabs)/HeaderItem';
 import { navStyles } from '@/app/navigation/navStyles';
+import { HeaderItem } from '@/components/HeaderItem';
 import Leaderboard from '@/components/Leaderboard';
 import { mockPlayers } from '@/components/mockData/players';
 import SwiperHeader from '@/components/SwiperHeader';

mobile-app/app/saveSeason.tsx

@@ -3,9 +3,9 @@ import { Stack } from 'expo-router';
 import React, { useState } from 'react';
 
 import { useGroup, useStartNewSeasonMutation } from '@/api/calls/seasonHooks';
-import { HeaderItem } from '@/app/(tabs)/HeaderItem';
 import { navStyles } from '@/app/navigation/navStyles';
 import { useNavigation } from '@/app/navigation/useNavigation';
+import { HeaderItem } from '@/components/HeaderItem';
 import InputModal from '@/components/InputModal';
 import Podium from '@/components/Podium';
 import TextInput from '@/components/TextInput';

mobile-app/app/startLiveMatch.tsx

@@ -4,11 +4,11 @@ import { Text, View } from 'react-native';
 import { GestureHandlerRootView } from 'react-native-gesture-handler';
 import { runOnJS } from 'react-native-reanimated';
 
-import { HeaderItem } from '@/app/(tabs)/HeaderItem';
 import { navStyles } from '@/app/navigation/navStyles';
 import { useNavigation } from '@/app/navigation/useNavigation';
 import CupGrid from '@/components/CupGrid';
 import { flipFormation, Formation } from '@/components/CupGrid/Formation';
+import { HeaderItem } from '@/components/HeaderItem';
 import LiveMatchCupControls from '@/components/LiveMatchCupControls';
 import { theme } from '@/theme';
 

mobile-app/components/screens/CreateGroupAddMembers.tsx

@@ -9,7 +9,7 @@ import {
 import { GestureHandlerRootView } from 'react-native-gesture-handler';
 import Icon from 'react-native-vector-icons/MaterialCommunityIcons';
 
-import { HeaderItem } from '@/app/(tabs)/HeaderItem';
+import { HeaderItem } from '@/components/HeaderItem';
 import { theme } from '@/theme';
 import { GroupMember } from '@/zustand/group/stateCreateGroupStore';
 

mobile-app/components/screens/CreateGroupSetName.tsx

@@ -3,7 +3,7 @@ import React, { useState } from 'react';
 import { View } from 'react-native';
 import { GestureHandlerRootView } from 'react-native-gesture-handler';
 
-import { HeaderItem } from '@/app/(tabs)/HeaderItem';
+import { HeaderItem } from '@/components/HeaderItem';
 import { theme } from '@/theme';
 
 import TextInput from '../TextInput';

mobile-app/components/screens/CreateMatchAssignPoints.tsx

@@ -3,10 +3,10 @@ import React from 'react';
 import { ScrollView } from 'react-native';
 
 import { TeamMember } from '@/api/utils/matchDtoToMatch';
-import { HeaderItem } from '@/app/(tabs)/HeaderItem';
 import { navStyles } from '@/app/navigation/navStyles';
 import { useNavigation } from '@/app/navigation/useNavigation';
 import Button from '@/components/Button';
+import { HeaderItem } from '@/components/HeaderItem';
 import MatchPlayers from '@/components/MatchPlayers';
 import MatchVsHeader from '@/components/MatchVsHeader';
 import { Feature } from '@/constants/Features';

mobile-app/components/screens/CreateNewPlayer.tsx

@@ -1,8 +1,8 @@
 import { Stack, useNavigation } from 'expo-router';
 import React, { useState } from 'react';
 
-import { HeaderItem } from '@/app/(tabs)/HeaderItem';
 import Avatar from '@/components/Avatar';
+import { HeaderItem } from '@/components/HeaderItem';
 import InputModal from '@/components/InputModal';
 import TextInput from '@/components/TextInput';
 

mobile-app/components/screens/NewMatchAssignTeams.tsx

@@ -4,9 +4,9 @@ import { Pressable, ScrollView, Text, TouchableHighlight } from 'react-native';
 import Icon from 'react-native-vector-icons/MaterialCommunityIcons';
 
 import { TeamMember } from '@/api/utils/matchDtoToMatch';
-import { HeaderItem } from '@/app/(tabs)/HeaderItem';
 import { navStyles } from '@/app/navigation/navStyles';
 import { useNavigation } from '@/app/navigation/useNavigation';
+import { HeaderItem } from '@/components/HeaderItem';
 import MenuItem from '@/components/Menu/MenuItem';
 import MenuSection, { Heading } from '@/components/Menu/MenuSection';
 import { theme } from '@/theme';

mobile-app/components/screens/Player.tsx

@@ -8,10 +8,10 @@ import {
 
 import { env } from '@/api/env';
 import { Match } from '@/api/utils/matchDtoToMatch';
-import { HeaderItem } from '@/app/(tabs)/HeaderItem';
 import { navStyles } from '@/app/navigation/navStyles';
 import { useNavigation } from '@/app/navigation/useNavigation';
 import Avatar from '@/components/Avatar';
+import { HeaderItem } from '@/components/HeaderItem';
 import MatchesList from '@/components/MatchesList';
 import MenuItem from '@/components/Menu/MenuItem';
 import MenuSection from '@/components/Menu/MenuSection';

mobile-app/components/screens/Rules.tsx

@@ -10,8 +10,8 @@ import { GestureHandlerRootView } from 'react-native-gesture-handler';
 import { useAnimatedStyle, useSharedValue } from 'react-native-reanimated';
 import Icon from 'react-native-vector-icons/MaterialCommunityIcons';
 
-import { HeaderItem } from '@/app/(tabs)/HeaderItem';
 import ConfirmationModal from '@/components/ConfirmationModal';
+import { HeaderItem } from '@/components/HeaderItem';
 import IconHead from '@/components/IconHead';
 import { theme } from '@/theme';