feat: Collapsible sidebar

[johnnyhuy]

PR Type

Enhancement, Documentation, Configuration changes

---

Description

• Refactored Root component to introduce SidebarExpandButton and defined LocalStorageKeys enum.
• Improved grid layout consistency in EntityPage components by removing unnecessary spacing props and updating alignItems property.
• Added launch configuration for Visual Studio Code, including settings for project, backend, app, and launching Chrome.
• Configured Jest command line in VS Code settings for improved testing functionality.
• Updated contribution guide with correct steps for starting the app.
• Added debug and testing guides to the development documentation.

---

Changes walkthrough 📝

	Relevant files
Enhancement	Root.tsx Refactor Root component and introduce SidebarExpandButton packages/app/src/components/Root/Root.tsx Added useState import. Introduced SidebarExpandButton component. Defined LocalStorageKeys enum for local storage keys. Initialized LocalStorageKeys.SIDEBAR_PIN_STATE in Root component. +73/-56  EntityPage.tsx Improve grid layout consistency in EntityPage components  packages/app/src/components/catalog/EntityPage.tsx Removed unnecessary spacing props in Grid containers. Updated alignItems property for better layout consistency. +5/-5
Configuration changes	launch.json Add configuration settings for Visual Studio Code launch  .vscode/launch.json Added launch configuration for Visual Studio Code. Configured settings for project, backend, app, and launching Chrome. +63/-0    settings.json Update Jest configuration in VS Code settings                        .vscode/settings.json Configured Jest command line in VS Code settings. +3/-0
Documentation	CONTRIBUTING.md Update contribution guide with correct steps                          CONTRIBUTING.md Updated contribution guide with correct steps for starting the app. +0/-4      development.md Update development documentation with debug and testing guides docs/development.md Added debug and testing guides to the development documentation. +5/-0

---

💡 PR-Agent usage:
Comment /help on the PR to get a list of all available PR-Agent tools and their descriptions

[echohello-codium-ai-pr-agent]

PR Review 🔍

⏱️ Estimated effort to review [1-5]	3, because the PR includes multiple changes across different files and functionalities, including UI enhancements, local storage management, and configuration updates. The changes are moderate in complexity, involving both front-end and configuration aspects.
🧪 Relevant tests	No
⚡ Possible issues	Local Storage Default: The default state for SIDEBAR_PIN_STATE is set directly in the component's render method, which could lead to performance issues if not handled correctly. Consider setting this in a more appropriate lifecycle method or hook to avoid potential re-rendering issues.
	Grid Layout Consistency: The removal of spacing props in Grid components needs to be tested across all resolutions to ensure that it does not break the layout in different viewports.
🔒 Security concerns	No

[echohello-codium-ai-pr-agent]

Failed to generate code suggestions for PR