spice up js-side logs from store and branch select

frontend/src/components/settings/pages/general/BranchSelect.tsx

@@ -1,9 +1,12 @@
 import { Dropdown, Field } from 'decky-frontend-lib';
 import { FunctionComponent } from 'react';
 
+import Logger from '../../../../logger';
 import { callUpdaterMethod } from '../../../../updater';
 import { useSetting } from '../../../../utils/hooks/useSetting';
 
+const logger = new Logger('BranchSelect');
+
 enum UpdateBranch {
   Stable,
   Prerelease,
@@ -28,7 +31,7 @@ const BranchSelect: FunctionComponent<{}> = () => {
         onChange={async (newVal) => {
           await setSelectedBranch(newVal.data);
           callUpdaterMethod('check_for_updates');
-          console.log('switching branches!');
+          logger.log('switching branches!');
         }}
       />
     </Field>

frontend/src/components/store/Store.tsx

@@ -1,9 +1,12 @@
 import { SteamSpinner } from 'decky-frontend-lib';
 import { FC, useEffect, useState } from 'react';
 
+import Logger from '../../logger';
 import { LegacyStorePlugin, StorePlugin, getLegacyPluginList, getPluginList } from '../../store';
 import PluginCard from './PluginCard';
 
+const logger = new Logger('FilePicker');
+
 const StorePage: FC<{}> = () => {
   const [data, setData] = useState<StorePlugin[] | null>(null);
   const [legacyData, setLegacyData] = useState<LegacyStorePlugin[] | null>(null);
@@ -11,12 +14,12 @@ const StorePage: FC<{}> = () => {
   useEffect(() => {
     (async () => {
       const res = await getPluginList();
-      console.log(res);
+      logger.log('got data!', res);
       setData(res);
     })();
     (async () => {
       const res = await getLegacyPluginList();
-      console.log(res);
+      logger.log('got legacy data!', res);
       setLegacyData(res);
     })();
   }, []);