Fixing redesign-settings prettier & lint => CI

front/components/GtkUI/Element.tsx

@@ -1,13 +1,12 @@
-import React, { useRef, useState } from 'react';
+import React, { useState } from 'react';
 import { ElementProps } from './ElementTypes';
 import { RawElement } from './RawElement';
-import { Pressable, IPressableProps, View, Text, Wrap, Column } from 'native-base';
-import { Animated, StyleSheet } from 'react-native';
+import { View, Column } from 'native-base';
+import { StyleSheet } from 'react-native';
 import InteractiveBase from '../UI/InteractiveBase';
 
 export const Element = <T extends ElementProps>(props: T) => {
 	let actionFunction: (() => void) | null | undefined = null;
-	const dropdownAnimator = useRef(new Animated.Value(1)).current;
 	const [dropdownValue, setDropdownValue] = useState(false);
 
 	switch (props.type) {

front/components/GtkUI/ElementList.tsx

@@ -1,12 +1,8 @@
 import React from 'react';
 import { StyleProp, ViewStyle } from 'react-native';
 import { Element } from './Element';
-import useColorScheme from '../../hooks/colorScheme';
 import { ElementProps } from './ElementTypes';
-
 import { Box, Column, Divider } from 'native-base';
-import InteractiveBase from '../UI/InteractiveBase';
-import { StyleSheet } from 'react-native';
 
 type ElementListProps = {
 	elements: ElementProps[];
@@ -14,8 +10,6 @@ type ElementListProps = {
 };
 
 const ElementList = ({ elements, style }: ElementListProps) => {
-	const colorScheme = useColorScheme();
-	// const isDark = colorScheme === 'dark';
 	const elementStyle = {
 		borderRadius: 10,
 		shadowOpacity: 0.3,

front/components/GtkUI/ElementTypes.tsx

@@ -1,4 +1,4 @@
-import { Select, Switch, Text, Icon, Row, Slider, Box } from 'native-base';
+import { Select, Switch, Text, Icon, Row, Slider } from 'native-base';
 import { MaterialIcons } from '@expo/vector-icons';
 import { useWindowDimensions } from 'react-native';
 

front/components/GtkUI/RawElement.tsx

@@ -1,16 +1,5 @@
 import React from 'react';
-import {
-	Box,
-	Button,
-	Column,
-	Icon,
-	Popover,
-	Row,
-	Text,
-	Wrap,
-	useBreakpointValue,
-} from 'native-base';
-import useColorScheme from '../../hooks/colorScheme';
+import { Box, Button, Column, Icon, Popover, Row, Text, useBreakpointValue } from 'native-base';
 import { Ionicons } from '@expo/vector-icons';
 import { ElementProps } from './ElementTypes';
 import {
@@ -27,8 +16,6 @@ type RawElementProps = {
 
 export const RawElement = ({ element }: RawElementProps) => {
 	const { title, icon, type, helperText, description, disabled, data } = element;
-	const colorScheme = useColorScheme();
-	const isDark = colorScheme === 'dark';
 	const screenSize = useBreakpointValue({ base: 'small', md: 'big' });
 	const isSmallScreen = screenSize === 'small';
 	return (