feat: vendor LG drawer and toolbar COMPASS-9406 (#7120)

Author: paula-stacho

package-lock.json

@@ -43,13 +43,15 @@
     "@leafygreen-ui/code": "^16.0.2",
     "@leafygreen-ui/combobox": "^11.0.2",
     "@leafygreen-ui/confirmation-modal": "^6.0.2",
+    "@leafygreen-ui/descendants": "^2.1.0",
     "@leafygreen-ui/emotion": "^4.0.9",
     "@leafygreen-ui/guide-cue": "^7.0.2",
     "@leafygreen-ui/hooks": "^8.3.4",
     "@leafygreen-ui/icon": "^13.1.2",
     "@leafygreen-ui/icon-button": "16.0.2",
     "@leafygreen-ui/info-sprinkle": "^4.0.2",
     "@leafygreen-ui/leafygreen-provider": "^4.0.2",
+    "@leafygreen-ui/lib": "^15.2.0",
     "@leafygreen-ui/logo": "^10.0.2",
     "@leafygreen-ui/marketing-modal": "^5.0.2",
     "@leafygreen-ui/menu": "^29.0.5",

packages/compass-components/package.json

@@ -0,0 +1,10 @@
+export { TOOLBAR_WIDTH } from '../toolbar';
+
+export const GRID_AREA = {
+  drawer: 'drawer',
+  content: 'content',
+  toolbar: 'toolbar',
+  innerDrawer: 'inner-drawer',
+};
+
+export const PANEL_WIDTH = 432;