[WEB-5339] chore: work item sidebar refactor

[vamsikrishnamathala]

Description

This update refactors work item sidebar for a better reusability.

Type of Change

• Bug fix (non-breaking change which fixes an issue)
• Feature (non-breaking change which adds functionality)
• Improvement (change that would cause existing functionality to not work as expected)
• Code refactoring
• Performance improvements
• Documentation update

Screenshots and Media (if applicable)

Test Scenarios

References

Summary by CodeRabbit

• New Features
  • Transfer hop information is now displayed in the issue sidebar and peek overview alongside cycle information.

[coderabbitai]

Walkthrough

A new placeholder React component TransferHopInfo is created in the CE components directory and integrated into the issue sidebar and peek-overview properties. The component accepts a workItem prop and currently renders an empty fragment. It is positioned alongside cycle information in multiple locations without altering existing logic.

Changes

Cohort / File(s)	Change Summary
New TransferHopInfo Component apps/web/ce/components/issues/issue-details/sidebar/transfer-hop-info.tsx	New placeholder component added that accepts a workItem prop of type TIssue and returns an empty React fragment.
TransferHopInfo Integration apps/web/core/components/issues/issue-detail/sidebar.tsx, apps/web/core/components/issues/peek-overview/properties.tsx	Component imported and rendered alongside cycle labels in multiple locations within each file. No logic or data flow modifications beyond new component rendering.

Estimated code review effort

🎯 2 (Simple) | ⏱️ ~10 minutes

• Verify correct import paths and component signatures across files
• Confirm TransferHopInfo placement doesn't interfere with existing cycle UI rendering in sidebar and properties views
• Check that the placeholder component follows the project's component structure conventions

Poem

🐰 A placeholder hops into view,
Transfer hops gather round on cue,
Empty fragments await their day,
When logic blooms in springtime's way!
The sidebar grows, the cycle sings,
Placeholders promise future things.

Pre-merge checks and finishing touches

✅ Passed checks (2 passed)

Check name	Status	Explanation
Description check	✅ Passed	The pull request description follows the repository template structure with appropriate sections filled out. The author has provided a brief description explaining the refactoring's purpose (better reusability), correctly selected 'Code refactoring' as the type of change, and left non-applicable sections (screenshots, test scenarios, references) empty as expected. While the description could be more detailed about specific changes and testing performed, it contains the essential information and adheres to the template structure.
Title check	✅ Passed	The title accurately describes the main change: a refactor of the work item sidebar, which is reflected in imports and component additions across three files.

✨ Finishing touches

• 📝 Generate docstrings

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Post copyable unit tests in a comment
• Commit unit tests in branch chor-work_item_sidebar_refactor

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands and usage tips.}

[makeplane]

Linked to Plane Work Item(s)

• [WEB-5339] Work item sidebar refactor

This comment was auto-generated by Plane