Front: type-check navigator + lint and pretty

front/components/UI/LinkBase.tsx

@@ -10,7 +10,6 @@ interface LinkBaseProps {
 const LinkBase: React.FC<LinkBaseProps> = ({ text, onPress }) => {
 	const underlineHeight = useRef(new Animated.Value(4)).current;
 	const opacity = useRef(new Animated.Value(1)).current;
-	const color = useRef(new Animated.Value(1)).current;
 	const theme = useTheme();
 
 	const handleMouseEnter = () => {

front/components/UI/LogoutButtonCC.tsx

@@ -1,16 +1,14 @@
-import { Text, Row, Heading, Column, Center } from 'native-base';
 import ButtonBase, { ButtonType } from './ButtonBase';
-import { CloseSquare, LoginCurve, LogoutCurve } from 'iconsax-react-native';
+import { LogoutCurve } from 'iconsax-react-native';
 import { useDispatch } from 'react-redux';
 import { translate } from '../../i18n/i18n';
 import { unsetAccessToken } from '../../state/UserSlice';
-import { BlurView } from 'expo-blur';
 import { useState } from 'react';
-import Modal from 'react-native-modal';
 import React from 'react';
 import SignUpForm from '../../components/forms/signupform';
 import API, { APIError } from '../../API';
 import PopupCC from './PopupCC';
+import { StyleProp, ViewStyle } from 'react-native';
 
 const handleSubmit = async (username: string, password: string, email: string) => {
 	try {
@@ -26,7 +24,7 @@ const handleSubmit = async (username: string, password: string, email: string) =
 type LogoutButtonCCProps = {
 	collapse?: boolean;
 	isGuest?: boolean;
-	style: any;
+	style: StyleProp<ViewStyle>;
 	buttonType: ButtonType;
 };
 

front/components/UI/PopupCC.tsx

@@ -1,7 +1,6 @@
 import { Text, Row, Heading, Column } from 'native-base';
 import ButtonBase from './ButtonBase';
 import { CloseSquare } from 'iconsax-react-native';
-import { BlurView } from 'expo-blur';
 import { ReactNode } from 'react';
 import Modal from 'react-native-modal';
 import React from 'react';

front/components/UI/Scaffold.tsx

@@ -168,7 +168,7 @@ const ScaffoldCC = (props: ScaffoldCCProps) => {
 							type="menu"
 							isDisabled={props.routeName === 'Settings'}
 							iconVariant={props.routeName === 'Settings' ? 'Bold' : 'Outline'}
-							onPress={async () => navigation.navigate('Settings')}
+							onPress={async () => navigation.navigate('Settings', {})}
 						/>
 						<Spacer />
 						{!user.isGuest && (

front/components/UI/ScaffoldAuth.tsx

@@ -52,6 +52,7 @@ const ScaffoldAuth: FunctionComponent<ScaffoldAuthProps> = ({
 		colorScheme == 'light'
 			? require('../../assets/icon_light.png')
 			: require('../../assets/icon_dark.png');
+	// eslint-disable-next-line @typescript-eslint/no-var-requires
 	const [banner] = useAssets(require('../../assets/banner.jpg'));
 
 	return (

front/components/UI/ScaffoldDesktopCC.tsx

@@ -1,9 +1,9 @@
-import { View, Image, useWindowDimensions } from 'react-native';
-import { Divider, Text, ScrollView, Flex, Row, useMediaQuery, useTheme } from 'native-base';
+/* eslint-disable no-mixed-spaces-and-tabs */
+import { View, Image } from 'react-native';
+import { Divider, Text, ScrollView, Row, useMediaQuery, useTheme } from 'native-base';
 import { useQuery, useQueries } from '../../Queries';
 import API from '../../API';
 import Song from '../../models/Song';
-import { LinearGradient } from 'expo-linear-gradient';
 import ButtonBase from './ButtonBase';
 import { Icon } from 'iconsax-react-native';
 import { LoadingView } from '../Loading';
@@ -13,8 +13,6 @@ import Spacer from './Spacer';
 import User from '../../models/User';
 import LogoutButtonCC from './LogoutButtonCC';
 import GlassmorphismCC from './Glassmorphism';
-import { ColorSchemeProvider } from '../../Theme';
-import useColorScheme from '../../hooks/colorScheme';
 
 type ScaffoldDesktopCCProps = {
 	widthPadding: boolean;

front/components/UI/ScaffoldMobileCC.tsx

@@ -1,3 +1,4 @@
+/* eslint-disable no-mixed-spaces-and-tabs */
 import { View } from 'react-native';
 import { ScrollView, Flex, useMediaQuery, useTheme } from 'native-base';
 import ButtonBase from './ButtonBase';

front/components/UI/TextFieldBase.tsx

@@ -3,7 +3,6 @@ import React, { useState } from 'react';
 import { View, TouchableOpacity, StyleSheet, StyleProp, ViewStyle } from 'react-native';
 import InteractiveBase from './InteractiveBase';
 import { Input, useTheme } from 'native-base';
-import { ColorSchemeProvider } from '../../Theme';
 import useColorScheme from '../../hooks/colorScheme';
 
 export interface TextFieldBaseProps {