Minor cleanups and roll some dev deps

package.json

@@ -46,19 +46,19 @@
     "styled-system": "^5.1.5"
   },
   "devDependencies": {
-    "@babel/core": "^7.24.0",
-    "@babel/eslint-parser": "^7.22.15",
-    "@react-native/eslint-config": "^0.72.2",
+    "@babel/core": "^7.24.7",
+    "@babel/eslint-parser": "^7.24.7",
+    "@react-native/eslint-config": "^0.74.85",
     "@testing-library/react-native": "^12.3.0",
-    "eslint": "^8.49.0",
+    "eslint": "^8.57.0",
     "eslint-config-airbnb": "^19.0.4",
-    "eslint-config-prettier": "^9.0.0",
-    "eslint-plugin-import": "^2.28.1",
-    "eslint-plugin-jsx-a11y": "^6.7.1",
-    "eslint-plugin-prettier": "^5.0.0",
-    "eslint-plugin-react": "^7.33.2",
-    "eslint-plugin-react-hooks": "^4.6.0",
-    "prettier": "^3.0.3"
+    "eslint-config-prettier": "^9.1.0",
+    "eslint-plugin-import": "^2.29.1",
+    "eslint-plugin-jsx-a11y": "^6.9.0",
+    "eslint-plugin-prettier": "^5.1.3",
+    "eslint-plugin-react": "^7.34.3",
+    "eslint-plugin-react-hooks": "^4.6.2",
+    "prettier": "^3.3.2"
   },
   "private": true
 }

src/Navigation.js

@@ -17,7 +17,7 @@ import theme from './theme';
 // This looks ugly, even though it's a recommended style from the branding profile.
 // TODO: Change this
 // also TODO: make sure battery indicator etc. is visible
-defaultNaviationStyle = {
+const defaultNavigationStyle = {
   headerTintColor: theme.colors.neufPurple,
   headerTitleAlign: 'center',
   headerStyle: {
@@ -27,7 +27,7 @@ defaultNaviationStyle = {
 
 const EventStack = createNativeStackNavigator();
 const EventStackScreen = () => (
-  <EventStack.Navigator initialRouteName="EventList" screenOptions={{ ...defaultNaviationStyle }}>
+  <EventStack.Navigator initialRouteName="EventList" screenOptions={{ ...defaultNavigationStyle }}>
     <EventStack.Screen
       name="EventList"
       component={EventList}
@@ -45,7 +45,7 @@ const EventStackScreen = () => (
 
 const UserStack = createNativeStackNavigator();
 const UserStackScreen = () => (
-  <UserStack.Navigator initialRouteName="Membership" screenOptions={{ ...defaultNaviationStyle }}>
+  <UserStack.Navigator initialRouteName="Membership" screenOptions={{ ...defaultNavigationStyle }}>
     <UserStack.Screen name="Membership" component={Membership} options={{ title: 'Medlemskap' }} />
     <UserStack.Screen name="Login" component={Login} options={{ title: 'Logg inn' }} />
     <UserStack.Screen
@@ -90,7 +90,7 @@ const Navigation = () => (
           title: 'Om oss',
           tabBarLabel: 'Om oss',
           tabBarIcon: AboutIcon,
-          ...defaultNaviationStyle
+          ...defaultNavigationStyle,
         }}
       />
     </HomeTabs.Navigator>

src/modules/register/useUserRegister.js

@@ -1,7 +1,6 @@
 import { useNavigation } from '@react-navigation/native';
 import { useEffect, useState } from 'react';
 import { useSelector, useDispatch } from 'react-redux';
-import { Toast } from 'native-base';
 import { useForm } from 'react-hook-form';
 
 import { usePrevious } from '../../hooks';