Programmatically set height / width of Resizable Panel

Check existing issues

[X] I have checked for existing issues to avoid duplicates

Description

Calcite shell panels support the resizable property. It would be helpful to be able to programmatically set the height and width of the resizable panel so that the panel can be initialised with a set height or width, and so that it can support actions to maximise the size of the panel, or shrink it to a default size.

The suggestion could also be used to allow developers to implement https://github.com/Esri/calcite-design-system/issues/8210

Acceptance Criteria

[ ] Width and Height of a Resizable panel can be set manually
[ ] Sample showing how to set up a horizontal resizable panel which appears in the "panel-bottom" slot of a calcite-shell

Relevant Info

No response

Which Component

### Example Use Case See sample at: https://codepen.io/dpbayer/pen/RwXZvrX?editors=100 In the example, the bottom table, has header buttons that we are looking to wire up to grow and shrink the panel. ### Priority impact impact - p2 - want for an upcoming milestone ### Calcite package - [X] @esri/calcite-components - [ ] @esri/calcite-components-angular - [ ] @esri/calcite-components-react - [ ] @esri/calcite-design-tokens - [ ] @esri/eslint-plugin-calcite-components ### Esri team ArcGIS Maps SDK for JavaScript

Esri / calcite-design-system