Fix: Added read-only mode support and optimized navigation logic #9869 (#10370)

### What problem does this PR solve?

Fix: Added read-only mode support and optimized navigation logic #9869

- Added the `isReadonly` property to the parseResult component to
control the enabled state of editing and interactive features
- Added the `navigateToDataFile` navigation method to navigate to the
data file details page
- Refactored the `navigateToDataflowResult` method to use an object
parameter to support more flexible query parameter configuration
- Unified the `var(--accent-primary)` CSS variable format to
`rgb(var(--accent-primary))` to accommodate more styling scenarios
- Extracted the parser initialization logic into a separate hook
(`useParserInit`)

### Type of change

- [x] Bug Fix (non-breaking change which fixes an issue)

web/tailwind.config.js

@@ -81,8 +81,14 @@ module.exports = {
           5: 'rgba(var(--accent-primary) / 0.05)', // 5%
         },
         'bg-accent': 'var(--bg-accent)',
-        'state-success': 'var(--state-success)',
-        'state-warning': 'var(--state-warning)',
+        'state-success': {
+          DEFAULT: 'rgb(var(--state-success) / <alpha-value>)',
+          5: 'rgba(var(--state-success) / 0.05)', // 5%
+        },
+        'state-warning': {
+          DEFAULT: 'rgb(var(--state-warning) / <alpha-value>)',
+          5: 'rgba(var(--state-warning) / 0.05)', // 5%
+        },
         'state-error': {
           DEFAULT: 'rgb(var(--state-error) / <alpha-value>)',
           5: 'rgba(var(--state-error) / 0.05)', // 5%