fix: Fixes and Enhancements for Better Stability and Readability

[barajeel]

Pull Request type

Please add the labels corresponding to the type of changes your PR introduces:

• Feature
• Bugfix
• Refactor
• Format
• Documentation
• Testing
• Other:

Description

I’ve addressed several issues and made improvements to enhance the overall stability, readability, and performance of the code. Key changes include:

• Improved type safety by removing unnecessary as any casts and adding proper TypeScript interfaces.
• Added error handling with try-catch blocks to gracefully manage errors in critical functions.
• Limited log storage to 50 entries to prevent memory bloat.
• Introduced a reusable Button component for better UI consistency.
• Enhanced code readability with comments and improved variable naming.
• Optimized performance by avoiding redundant API initialization.
• Improved the UI with a scrollable log container and better styling for log messages.

These changes should make the code more maintainable and user-friendly. Let me know if there’s anything else to adjust!

Checklist

• I have performed a self-review of my own code.
• The tests pass successfully with cargo test.
• The code was formatted with cargo fmt.
• The code compiles with no new warnings with cargo build --release and cargo build --release --features runtime-benchmarks.
• The code has no new warnings when using cargo clippy.
• If this change affects documented features or needs new documentation, I have created a PR with a documentation update.