Description

This PR improves the UX of the PathsSelectFormItem component by automatically loading and expanding the root directory ("/") when the component mounts. Previously, users had to manually click on the root node to view its contents, which created unnecessary friction in the file browser workflow.

Changes:

• Add a useEffect hook that calls loadPath(ROOT_PATH) on mount to pre-fetch the root directory contents.
• Automatically expand the root node after loading so users immediately see the file tree.
• Handle errors gracefully with console logging and user-facing error messages.

Checklist

• The PR satisfies the contribution guidelines.
• This is a breaking change and that has been indicated in the PR title, OR this isn't a
  breaking change.
• Necessary docs have been updated, OR no docs need to be updated.

Validation performed

1. task
2. cd build/clp-package
3. ./sbin/start-clp.sh
4. Navigated to the webui: http://localhost:4000
5. Observed that when clicking on the file lister, the root directory "/" should already be expanded showing its contents (e.g., /home, /var, /etc, etc.) without needing to click on it.
6. ./sbin/stop-clp.sh then edited build/clp-package/etc/clp-config.yaml: set logs_input.directory: "/home/junhao/"
   1. Repeated steps 3-5 and observed that when clicking on the file lister, only /home is shown.

Summary by CodeRabbit

Release Notes

• New Features

  • Root directory now automatically loads when accessing the file selection interface
  • Tree automatically expands to display the root path on initialization

• Bug Fixes

  • Enhanced error handling for directory loading failures with user-facing notifications

_{✏️ Tip: You can customize this high-level summary in your review settings.}