upgraded all npm packages and fixed related issues (#4072)

ui/desktop/src/components/settings/app/AppSettingsSection.tsx

@@ -91,7 +91,7 @@ export default function AppSettingsSection({ scrollToSection }: AppSettingsSecti
       } else {
         setPricingStatus('error');
       }
-    } catch (error) {
+    } catch {
       setPricingStatus('error');
     }
   };
@@ -121,7 +121,7 @@ export default function AppSettingsSection({ scrollToSection }: AppSettingsSecti
       } else {
         setPricingStatus('error');
       }
-    } catch (error) {
+    } catch {
       setPricingStatus('error');
     } finally {
       setIsRefreshing(false);

ui/desktop/src/components/settings/extensions/subcomponents/ExtensionItem.tsx

@@ -37,7 +37,7 @@ export default function ExtensionItem({
       // Call the actual toggle function that performs the async operation
       await onToggle(ext);
       // Success case is handled by the useEffect below when extension.enabled changes
-    } catch (error) {
+    } catch {
       // If there was an error, revert the visual state
       console.log('Toggle failed, reverting visual state');
       setVisuallyEnabled(!newState);

ui/desktop/src/components/settings/models/bottom_bar/ModelsBottomBar.tsx

@@ -22,7 +22,7 @@ import { toastSuccess, toastError } from '../../../../toasts';
 import ViewRecipeModal from '../../../ViewRecipeModal';
 
 interface ModelsBottomBarProps {
-  dropdownRef: React.RefObject<HTMLDivElement>;
+  dropdownRef: React.RefObject<HTMLDivElement | null>;
   setView: (view: View) => void;
   alerts: Alert[];
   recipeConfig?: Recipe | null;