Convert advanced settings to zustand store

frontend/src/Settings/AdvancedSettingsButton.tsx

@@ -1,12 +1,13 @@
 import classNames from 'classnames';
 import React, { useCallback } from 'react';
-import { useDispatch, useSelector } from 'react-redux';
-import AppState from 'App/State/AppState';
 import Icon from 'Components/Icon';
 import Link from 'Components/Link/Link';
 import { icons } from 'Helpers/Props';
-import { toggleAdvancedSettings } from 'Store/Actions/settingsActions';
 import translate from 'Utilities/String/translate';
+import {
+  toggleShowAdvancedSettings,
+  useShowAdvancedSettings,
+} from './advancedSettingsStore';
 import styles from './AdvancedSettingsButton.css';
 
 interface AdvancedSettingsButtonProps {
@@ -14,14 +15,11 @@ interface AdvancedSettingsButtonProps {
 }
 
 function AdvancedSettingsButton({ showLabel }: AdvancedSettingsButtonProps) {
-  const showAdvancedSettings = useSelector(
-    (state: AppState) => state.settings.advancedSettings
-  );
-  const dispatch = useDispatch();
+  const showAdvancedSettings = useShowAdvancedSettings();
 
   const handlePress = useCallback(() => {
-    dispatch(toggleAdvancedSettings());
-  }, [dispatch]);
+    toggleShowAdvancedSettings();
+  }, []);
 
   return (
     <Link