Create collapsible 'System information' section container for workspace details page
MR: Pending
<!-- NOTE: For context on MR heading, see:
https://handbook.gitlab.com/handbook/engineering/devops/dev/create/remote-development/index.html#relationship-of-issues-to-mrs
-->
## Description
As part of our [new designs for Workspaces](https://gitlab.com/groups/gitlab-org/-/epics/18674), we need to create a collapsible "System information" section container on the workspace details page so that users can expand or collapse detailed workspace information as needed.
## Visual Changes

## Acceptance criteria
- [ ] Add "System information" [collapsible card](https://design.gitlab.com/components/card) to workspace details page
- [ ] Implement expand/collapse functionality with proper chevron indicator
- [ ] Card is expanded by default when page loads
- [ ] Expanded card displays all the properties added in https://gitlab.com/gitlab-org/gitlab/-/issues/563007+s
- [ ] Smooth animation transitions when opening and closing section
## TODO: Implementation plan
<!-- NOTE: Feel free to expand with more sections and headers as needed -->
<!-- DO NOT TOUCH BELOW -->
issue