Repository details — GitHub-aligned Issues / PR tab icons (Octicons)

[andriypolanski]

Summary

The repository details page tabs for Issues and Pull Requests used Material UI icons that did not match github.com: BugReportIcon for Issues and MergeTypeIcon for PRs. That created an inconsistent meaning for anyone toggling between GitHub and Gittensor.

Related Issues

Closes #1179

Type of Change

• Bug fix
• New feature
• Refactor
• Documentation
• Other (describe below)

Screenshots

Before

Untitled273.mp4

After

after.mp4

Checklist

• New components are modularized/separated where sensible
• Uses predefined theme (e.g. no hardcoded colors)
• Responsive/mobile checked
• Tested against the test API
• npm run format and npm run lint:fix have been run
• npm run build passes
• Screenshots included for any UI/visual changes

Solution

• Import IssueOpenedIcon and GitPullRequestIcon from @primer/octicons-react.
• Replace the Issues tab BugReportIcon and the Pull Requests tab MergeTypeIcon in RepositoryDetailsPage.tsx.
• Wrap each octicon in a Box component="span" with display: 'inline-flex', alignItems: 'center', mr: 1, and color: 'inherit' so size (16) and spacing stay consistent with other tabs and the SVG picks up the tab’s text color.

Files

File	Change
src/pages/RepositoryDetailsPage.tsx	Octicons for Issues / PR tabs; remove unused MUI bug/merge imports
package.json	Dependency: @primer/octicons-react (if not already present in the branch)

[andriypolanski]

Hi, @anderdc

Unexpectedly I updated many versions of package-lock.json file while installing new module.
Keep going or add only new module version or make a SVG file for icon replacing?
Looking forward to hearing more from you soon.
Thanks.