ObscuroScan: small UI tweaks

[BedrockSquirrel]

What changes were made as part of this PR

• Add title to transaction list for clarity
• Show height, not batch seq number in batches table
• Put placeholder for node count to get rid of spinner

PR checks pre-merging

Please indicate below by ticking the checkbox that you have read and performed the required
PR checks

• PR checks reviewed and performed

[coderabbitai]

Walkthrough

The recent changes primarily focus on enhancing the user interface of the ObscuroScan v2 tool. The modifications include updates to the display properties of data grids, addition of a new header for recent transactions, and a change in the loading message for the Nodes section.

Changes

File Path	Summary
.../BatchDataGrid.vue	The prop attribute of an el-table-column component has been updated from "sequencerOrderNo" to "number", affecting the label and width of the column. The ShortenedHash component is now used to display a shortened version of the hash value.
.../PublicTxDataGrid.vue	An <el-header> element with the text "Recent transactions" has been added to the template.
.../SummaryItem.vue	The loading message in the Nodes section has been replaced with a "Coming soon" message.

---

Tips

Chat with CodeRabbit Bot (@coderabbitai)

• If you reply to a review comment from CodeRabbit, the bot will automatically respond.
• To engage with CodeRabbit bot directly around the specific lines of code in the PR, mention @coderabbitai in your review comment
• Note: Review comments are made on code diffs or files, not on the PR overview.
• Add @coderabbitai ignore anywhere in the PR description to prevent this PR from being reviewed.

CodeRabbit Commands (invoked as PR comments)

• @coderabbitai pause to pause the reviews on a PR.
• @coderabbitai resume to resume the paused reviews.
• @coderabbitai review to trigger a review. This is useful when automatic reviews are disabled for the repository.
• @coderabbitai help to get help.
• @coderabbitai resolve to resolve all the CodeRabbit review comments.

Note: For conversation with the bot, please use the review comments on code diffs or files.

CodeRabbit Configration File (.coderabbit.yaml)

• You can programmatically configure CodeRabbit by adding a .coderabbit.yaml file to the root of your repository.
• The JSON schema for the configuration file is available here.
• If your editor has YAML language server enabled, you can add the path at the top of this file to enable auto-completion and validation: # yaml-language-server: $schema=https://coderabbit.ai/integrations/coderabbit-overrides.json

[coderabbitai]

Review Status

Actionable comments generated: 0

Configuration used: CodeRabbit UI

Commits

Files that changed from the base of the PR and between f6ac73a and dea66fe.

Files selected for processing (3)

• tools/obscuroscan_v2/frontend/src/components/BatchDataGrid.vue (1 hunks)
• tools/obscuroscan_v2/frontend/src/components/PublicTxDataGrid.vue (1 hunks)
• tools/obscuroscan_v2/frontend/src/components/SummaryItem.vue (1 hunks)

Files skipped from review due to trivial changes (3)

• tools/obscuroscan_v2/frontend/src/components/BatchDataGrid.vue
• tools/obscuroscan_v2/frontend/src/components/PublicTxDataGrid.vue
• tools/obscuroscan_v2/frontend/src/components/SummaryItem.vue

[zkokelj]

LGTM 👍