Add temp save buttons for settings, reorder chats

src/components/layout/Sidebar/Settings/Power.tsx

@@ -1,10 +1,11 @@
 import React from 'react';
 
 import { useForm } from 'react-hook-form';
+import { FiSave } from 'react-icons/fi';
 
 import { connection } from '@core/connection';
 import { useAppSelector } from '@hooks/useAppSelector';
-import { Checkbox, Select } from '@meshtastic/components';
+import { Checkbox, IconButton, Select } from '@meshtastic/components';
 import { Protobuf } from '@meshtastic/meshtasticjs';
 
 export const Power = (): JSX.Element => {
@@ -33,21 +34,34 @@ export const Power = (): JSX.Element => {
     });
   });
   return (
-    <form className="space-y-2" onSubmit={onSubmit}>
-      <Select
-        label="Charge current"
-        optionsEnum={Protobuf.ChargeCurrent}
-        {...register('chargeCurrent', { valueAsNumber: true })}
-      />
-      <Checkbox label="Always powered" {...register('isAlwaysPowered')} />
-      <Checkbox
-        label="Powered by low power source (solar)"
-        disabled={preferences.isRouter}
-        validationMessage={
-          preferences.isRouter ? 'Enabled by default in router mode' : ''
-        }
-        {...register('isLowPower')}
-      />
-    </form>
+    <>
+      <form className="space-y-2" onSubmit={onSubmit}>
+        <Select
+          label="Charge current"
+          optionsEnum={Protobuf.ChargeCurrent}
+          {...register('chargeCurrent', { valueAsNumber: true })}
+        />
+        <Checkbox label="Always powered" {...register('isAlwaysPowered')} />
+        <Checkbox
+          label="Powered by low power source (solar)"
+          disabled={preferences.isRouter}
+          validationMessage={
+            preferences.isRouter ? 'Enabled by default in router mode' : ''
+          }
+          {...register('isLowPower')}
+        />
+      </form>
+      <div className="flex w-full bg-white dark:bg-secondaryDark">
+        <div className="ml-auto p-2">
+          <IconButton
+            disabled={!formState.isDirty}
+            onClick={async (): Promise<void> => {
+              await onSubmit();
+            }}
+            icon={<FiSave />}
+          />
+        </div>
+      </div>
+    </>
   );
 };