feat: migrate to pnpm (#253)

packages/webapp/src/containers/Preferences/Branches/BranchesDataTable.tsx

@@ -87,7 +87,7 @@ const BranchesTable = styled(DataTable)`
     min-height: 38px;
 
     .td.td-name {
-      .bp3-icon {
+      .bp4-icon {
         margin: 0;
         margin-left: 2px;
         vertical-align: top;

packages/webapp/src/containers/Preferences/General/GeneralForm.tsx

@@ -221,10 +221,10 @@ const CardFooterActions = styled.div`
   border-top: 1px solid #e0e7ea;
   margin-top: 30px;
 
-  .bp3-button {
+  .bp4-button {
     min-width: 70px;
 
-    + .bp3-button {
+    + .bp4-button {
       margin-left: 10px;
     }
   }

packages/webapp/src/containers/Preferences/PreferencesPageLoader.tsx

@@ -1,5 +1,4 @@
 // @ts-nocheck
-import React from 'react';
 import ContentLoader from 'react-content-loader';
 
 export default function PreferencesPageLoader(props) {

packages/webapp/src/containers/Preferences/Users/Roles/RolesForm/RoleFormFloatingActions.tsx

@@ -49,7 +49,7 @@ const RoleFormFloatingActionsRoot = styled.div`
   border-top: 1px solid #d2dde2;
   box-shadow: 0px -1px 4px 0px rgb(0 0 0 / 5%);
 
-  .bp3-button {
+  .bp4-button {
     margin-right: 10px;
   }
 `;

packages/webapp/src/containers/Preferences/Users/Roles/RolesForm/components.tsx

@@ -374,7 +374,7 @@ export const RolesPermissionList = () => {
 };
 
 const PermissionCheckbox = styled(Checkbox)`
-  &.bp3-control.bp3-checkbox .bp3-control-indicator {
+  &.bp4-control.bp4-checkbox .bp4-control-indicator {
     border-radius: 2px;
     border-color: #555;
 
@@ -454,7 +454,7 @@ const ModulePermissionsTableRoot = styled.table`
     }
 
     tr td {
-      .bp3-control.bp3-inline {
+      .bp4-control.bp4-inline {
         margin: 0;
       }
 

packages/webapp/src/containers/Preferences/Warehouses/components.tsx

@@ -150,7 +150,7 @@ export const WarehouseTitle = styled.div`
   font-weight: 500;
   line-height: 1;
 
-  .bp3-icon {
+  .bp4-icon {
     margin: 0;
     margin-left: 2px;
     vertical-align: top;