Refactor desktop app into separate client and proxy apps

apps/yaak-client/hooks/useSidebarWidth.ts

@@ -0,0 +1,14 @@
+import { useAtomValue } from 'jotai';
+import { useCallback } from 'react';
+import { useLocalStorage } from 'react-use';
+import { activeWorkspaceIdAtom } from './useActiveWorkspace';
+
+export function useSidebarWidth() {
+  const activeWorkspaceId = useAtomValue(activeWorkspaceIdAtom);
+  const [width, setWidth] = useLocalStorage<number>(
+    `sidebar_width::${activeWorkspaceId ?? 'n/a'}`,
+    250,
+  );
+  const resetWidth = useCallback(() => setWidth(250), [setWidth]);
+  return [width ?? null, setWidth, resetWidth] as const;
+}