Chore: Tailwind Migration — History Components

[sachasayan]

Description

Tailwind migration — History Views.

This PR covers the Tailwind Migration to History Views (Preview and HistoryView tsx).

Type of Change

• ♻️ Refactor: Code change that neither fixes a bug nor adds a feature.

Pre-Submission Checklist

• Self-Review: I have performed a thorough self-review of my code.
• Code Quality:
  • My code adheres to the project's style guidelines.
  • There are no new linting errors or warnings (npm run lint).
  • All debug code (e.g., console.log) has been removed.
• Testing:
  • New and/or updated tests have been added to cover my changes.
  • All tests pass locally (npm test).
  • The application builds successfully with my changes.
• Branch Hygiene: My branch is up-to-date (rebased) with the main branch.
• Documentation Impact: I have considered if my changes require documentation updates (see "Documentation Updates" section below).
• Changeset: A changeset has been created using npm run changeset if this PR includes user-facing changes or dependency updates.
• Contribution Guidelines: I have read and agree to the Contributor Guidelines.

Screenshots / Videos

No visual impacts, these components look and act identical with the changes applied.

Documentation Updates

Does this PR necessitate updates to user-facing documentation?

• No documentation updates are required.

---

Important

Migrated History components to Tailwind CSS, updating HistoryPreview.tsx, HistoryView.tsx, and index.css for consistent styling and VSCode theme compatibility.

• Tailwind Migration:
  • Migrated HistoryPreview.tsx and HistoryView.tsx to use Tailwind CSS classes, replacing inline styles with Tailwind utility classes.
  • Updated index.css to include new CSS variables for VSCode theme compatibility and custom styles for Tailwind integration.
• CSS Changes:
  • Added new color variables in index.css for VSCode theme compatibility.
  • Defined custom animations and scrollbar styles in index.css.
  • Applied Tailwind utility classes for layout and typography in HistoryPreview.tsx and HistoryView.tsx.

^{This description was created by for 682465a. You can customize this summary. It will automatically update as commits are pushed.}

[changeset-bot]

🦋 Changeset detected

Latest commit: 682465a

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 1 package

Name	Type
roo-cline	Minor

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

[daniel-lxs]

I'll be closing this as stale, we can revisit this migration later and either reopen them or create new PRs.
cc: @mrubens