feature : Added dev and devops tools

[Kanwaljeet1]

Fixes this issue

Fixes issue #119

Describe the issue this PR fixes.

This Pull Request integrates the predefined Developer and DevOps tools dropdown menu within DevShell. It replaces the simple URL redirection with a local script linking flow

Changes made

ui/index.html
— Inserted layout structures and elements for the sidebar and header dropdowns, and added the #btn-url action button.
ui/style.css
— Added layout rules, backdrop-filters, box-shadows, and animation rules for both dropdown components.
ui/app.js
— Implemented the PREDEFINED_TOOLS library, loadPredefinedScript direct saving flow, dropdown toggle behavior, and dynamic URL action binding.

1. Predefined Dev & DevOps Tools Direct Script Linking
   Direct Disk Save: Selecting a tool from either the sidebar grid icon (#btn-tools-dropdown) or primary header (#btn-header-tools) dropdown menu now performs a POST request to /api/scripts/save to write the script file to disk immediately.
   Auto-Selection: The workspace automatically reloads the script tree and selects the newly linked script, showing it in the Details Panel.
   Rich Diagnostic Script Templates: Replaced the placeholder entries with 11 complete, multi-line diagnostic and utility shell scripts.
   Dynamic Documentation Link: Added # url: metadata header comments to the top of all 11 shell scripts. When a script is selected, this is parsed by the backend and displays the blue Docs button in the script actions toolbar, linking directly to the tool's official documentation website.

Testing and validation

• Compilation Check: Validated Javascript syntax by running node -c ui/app.js with no errors.
• Automated Tests: Ran pytest suite; all 18 backend tests passed successfully.
• Manual Flow Verified:
• Dropdown trigger buttons toggle active CSS classes and display the menus with transition effects.
• Clicking an item successfully creates the local shell script file in scripts/dev-tools/ or scripts/devops-tools/.
• Selecting the script loads its code in the details panel and displays the Docs button, which correctly redirects to the official external URL.

Screenshots and logs

Checklist

• No breaking changes
• Tests added or updated
• Documentation added or updated
• Branch is up to date with main

[siddu-k]

conflicts @Kanwaljeet1

[Kanwaljeet1]

Hi @siddu-k , thanks!