Feat(config): Align settings menu to match android/ios (#906)

* feat: aligned settings menu to match android/ios

* updated sidebar text size.

* Update packages/web/public/i18n/locales/en/config.json

Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>

* Update packages/web/public/i18n/locales/en/config.json

Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>

* Update packages/web/src/components/PageComponents/Settings/User.tsx

Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>

* Update packages/web/src/components/PageComponents/ModuleConfig/Telemetry.tsx

Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>

* linting/formatting fixes

* fixed formatting issue

---------

Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>

packages/web/src/components/Dialog/ImportDialog.tsx

@@ -33,7 +33,7 @@ export interface ImportDialogProps {
 }
 
 export const ImportDialog = ({ open, onOpenChange }: ImportDialogProps) => {
-  const { config, channels } = useDevice();
+  const { setChange, channels, config } = useDevice();
   const { t } = useTranslation("dialog");
   const [importDialogInput, setImportDialogInput] = useState<string>("");
   const [channelSet, setChannelSet] = useState<Protobuf.AppOnly.ChannelSet>();
@@ -41,8 +41,6 @@ export const ImportDialog = ({ open, onOpenChange }: ImportDialogProps) => {
   const [updateConfig, setUpdateConfig] = useState<boolean>(true);
   const [importIndex, setImportIndex] = useState<number[]>([]);
 
-  const { setWorkingChannelConfig, setWorkingConfig } = useDevice();
-
   useEffect(() => {
     // the channel information is contained in the URL's fragment, which will be present after a
     // non-URL encoded `#`.
@@ -106,7 +104,11 @@ export const ImportDialog = ({ open, onOpenChange }: ImportDialogProps) => {
             true,
           )
         ) {
-          setWorkingChannelConfig(payload);
+          setChange(
+            { type: "channel", index: importIndex[index] ?? 0 },
+            payload,
+            channels.get(importIndex[index] ?? 0),
+          );
         }
       },
     );
@@ -118,14 +120,7 @@ export const ImportDialog = ({ open, onOpenChange }: ImportDialogProps) => {
       };
 
       if (!deepCompareConfig(config.lora, payload, true)) {
-        setWorkingConfig(
-          create(Protobuf.Config.ConfigSchema, {
-            payloadVariant: {
-              case: "lora",
-              value: payload,
-            },
-          }),
-        );
+        setChange({ type: "config", variant: "lora" }, payload, config.lora);
       }
     }
     // Reset state after import