fix type errors

front/components/V2/TabNavigation.tsx

@@ -4,8 +4,6 @@ import TabNavigationDesktop from './TabNavigationDesktop';
 import TabNavigationPhone from './TabNavigationPhone';
 import { Ionicons } from '@expo/vector-icons';
 import React, { useState } from 'react';
-import { useSelector } from 'react-redux';
-import { RootState } from '../../state/Store';
 import useColorScheme from '../../hooks/colorScheme';
 
 export type NaviTab = {

front/components/V2/TabNavigationButton.tsx

@@ -29,8 +29,9 @@ const TabNavigationButton = (props: TabNavigationButtonProps) => {
 						alignItems: 'center',
 						justifyContent: 'flex-start',
 						padding: '10px',
-						borderRadius: '8px',
+						borderRadius: 8,
 						flexGrow: 0,
+						// @ts-expect-error BoxShadow is not in the types but I want it this may be a legitimate error on my part
 						boxShadow: (() => {
 							if (isHovered) {
 								return '0px 0px 16px 0px rgba(0, 0, 0, 0.25)';

front/components/V2/TabNavigationDesktop.tsx

@@ -84,6 +84,7 @@ const TabNavigationDesktop = (props: TabNavigationDesktopProps) => {
 					<TabNavigationList
 						style={{
 							flexShrink: 0,
+							// @ts-expect-error gap is not in the types because we have an old version of react-native
 							gap: '20px',
 						}}
 					>
@@ -117,6 +118,7 @@ const TabNavigationDesktop = (props: TabNavigationDesktopProps) => {
 						<Divider />
 						<TabNavigationList
 							style={{
+								// @ts-expect-error gap is not in the types because we have an old version of react-native
 								gap: '20px',
 							}}
 						>

front/components/V2/TabNavigationList.tsx

@@ -15,6 +15,7 @@ const TabNavigationList = (props: TabNavigationListProps) => {
 					alignItems: 'flex-start',
 					alignSelf: 'stretch',
 					flexDirection: 'column',
+					// @ts-expect-error gap is not in the types because we have an old version of react-native
 					gap: '8px',
 				},
 				props.style,

front/components/V2/TabNavigationPhone.tsx

@@ -35,7 +35,7 @@ const TabNavigationPhone = (props: TabNavigationPhoneProps) => {
 							flexDirection: 'row',
 							alignItems: 'center',
 							alignSelf: 'stretch',
-							borderRadius: '8px',
+							borderRadius: 8,
 							backgroundColor: 'rgba(16, 16, 20, 0.5)',
 						}}
 					>