ui: remember split sizes state

client/Data.ts

@@ -21,6 +21,7 @@ const _data_cached = JSON.parse(_dec)
 declare global {
     interface Window {
         data: {
+            split_sizes: number[];
             apply(): void
             access_token?: string
         }

client/ui/App.tsx

@@ -88,10 +88,14 @@ export default function App() {
 
     React.useEffect(() => {
         ; (async () => {
-            Split(['#SideBar', '#ChatFragment'], {
-                sizes: [25, 75],
+            const split = Split(['#SideBar', '#ChatFragment'], {
+                sizes: data.split_sizes ? data.split_sizes : [25, 75],
                 minSize: [200, 400],
                 gutterSize: 2,
+                onDragEnd: function () {
+                    data.split_sizes = split.getSizes()
+                    data.apply()
+                }
             })
 
             Client.connect()