Search bar fixes and performance updates

src/pages/homepage/components/SettingsButton/SettingsButton.tsx

@@ -13,13 +13,13 @@ function SettingsButton() {
 	const { data: appCategoryData, isFetched: appCategoryDataIsFetched } = useQueryAPI({
 		endpoint: 'api/appCategories',
 	});
-	const { data: wolClientData, isFetched: wolClientDataIsFetched } = useQueryAPI({
+	const { data: wolClientData } = useQueryAPI({
 		endpoint: 'api/wolClients',
 	});
 	const { data: wolEnabledData, isFetched: wolEnabledDataIsFetched } = useQueryAPI({
 		endpoint: 'api/wolEnabled',
 	});
-	const [wolClients, setWolClients] = useState<WolClient[]>([]);
+	const wolClients = wolClientData || [];
 	const [enabled, setEnabled] = useState<number>(0);
 	const { mutateAsync } = useMutationAPI();
 	const [categories, setCategories] = useState([{ value: 'All', label: 'All' }]);
@@ -64,12 +64,6 @@ function SettingsButton() {
 		}
 	}, [appCategoryData, appCategoryDataIsFetched]);
 
-	useEffect(() => {
-		if (wolClientData && wolClientDataIsFetched) {
-			setWolClients(wolClientData);
-		}
-	}, [wolClientData, wolClientDataIsFetched]);
-
 	useEffect(() => {
 		if (wolEnabledData && wolEnabledDataIsFetched) {
 			setEnabled(wolEnabledData[0].enableWol);

src/pages/homepage/components/SettingsButton/ThemingCard.tsx

@@ -26,15 +26,11 @@ function ThemingCard({ wolEnabled }: { wolEnabled: number }) {
 	const { data: themePlaylistData } = useQueryAPI({
 		endpoint: 'api/themePlaylists',
 	});
-	const { data: allThemeData, isFetched: allThemeDataIsFetched } = useQueryAPI({
+	const { data: allThemeData } = useQueryAPI({
 		endpoint: 'api/themes',
 	});
-	const [allThemes, setAllThemes] = useState<Theme[]>([]);
-	useEffect(() => {
-		if (allThemeData && allThemeDataIsFetched) {
-			setAllThemes(allThemeData);
-		}
-	}, [allThemeData, allThemeDataIsFetched]);
+	const allThemes: Theme[] = allThemeData || [];
+
 	const {
 		isMobile,
 		currentTheme,