[MIRROR] Fixes features not updating when changing character slots (#568

)

* Fixes features not updating when changing character slots (#81018)

## About The Pull Request

What it says on the tin. The entire bottom half of the prefs was not
updating on switching character slots.

~~We need to use the old hook here because it needs the key to
differentiate the active slot.~~

edit: useEffect can work in its stead here as mothblocks pointed out 👍 

## Why It's Good For The Game

Bugfix for a kind of serious issue for downstreams, not so much here
because there aren't really any text fields being used as features.

## Changelog

:cl:
fix: fixes features not updating when changing character slots
/:cl:

* Fixes features not updating when changing character slots

---------

Co-authored-by: Bloop <[email protected]>

tgui/packages/tgui/interfaces/PreferencesMenu/preferences/features/base.tsx

@@ -1,6 +1,12 @@
 import { sortBy, sortStrings } from 'common/collections';
 import { BooleanLike, classes } from 'common/react';
-import { ComponentType, createElement, ReactNode, useState } from 'react';
+import {
+  ComponentType,
+  createElement,
+  ReactNode,
+  useEffect,
+  useState,
+} from 'react';
 
 import { sendAct, useBackend } from '../../../../backend';
 import {
@@ -349,6 +355,10 @@ export const FeatureValueInput = (props: {
     createSetPreference(props.act, props.featureId)(newValue);
   };
 
+  useEffect(() => {
+    setPredictedValue(props.value);
+  }, [data.active_slot]);
+
   return (
     <ServerPreferencesFetcher
       render={(serverData) => {