devex: address PR feedback

- move App#initSessions definition outside function component closure
- enhance useAddSessions performance

pkg/interface/webterm/App.tsx

@@ -21,18 +21,18 @@ import { DEFAULT_SESSION } from './constants';
 import { showSlog } from './lib/blit';
 import { InfoButton } from './InfoButton';
 
+const initSessions = async () => {
+  const response = await api.scry(scrySessions());
+
+  useTermState.getState().set((state) => {
+    state.names = response.sort();
+  });
+};
+
 export default function TermApp() {
   const { names, selected } = useTermState();
   const dark = useDark();
 
-  const initSessions = useCallback(async () => {
-    const response = await api.scry(scrySessions());
-
-    useTermState.getState().set((state) => {
-      state.names = response.sort();
-    });
-  }, []);
-
   const setupSlog = useCallback(() => {
     console.log('slog: setting up...');
     let available = false;

pkg/interface/webterm/Tabs.tsx

@@ -6,7 +6,7 @@ import { Icon } from '@tlon/indigo-react';
 
 export const Tabs = () => {
   const { sessions, names } = useTermState();
-  const { addSession } = useAddSession();
+  const addSession = useAddSession();
 
   return (
     <div className="tabs">

pkg/interface/webterm/lib/useAddSession.ts

@@ -62,7 +62,5 @@ export const useAddSession = () => {
     }
   }, [names]);
 
-  return {
-    addSession
-  };
+  return addSession;
 };