Make repository titles clickable (link to GitHub repo)

[O2sa]

Currently, repository titles are displayed as plain text in the UI.

We want to improve the user experience by making each repository title clickable so users can open the repository directly on GitHub.

🎯 Expected Behavior

• Clicking on a repository title opens the repository page on GitHub
• The link should open in a new tab

---

✅ Tasks

• Update GraphQL query to fetch repository URL (if not already included)
• Pass the repository URL to the frontend
• Wrap repository title with an anchor () tag
• Ensure it opens in a new tab using target="_blank"

---

💡 Hints

Hint 1:
In GitHub GraphQL API, you can fetch the repository URL using:
url

Hint 2:
Example:

repository {
  nameWithOwner
  url
}

Hint 3:
In React/Next.js:

<a href={repo.url} target="_blank" rel="noopener noreferrer">
  {repo.name}
</a>

Hint 4:
Make sure the link is styled properly (hover, underline, etc.)

---

🎯 Acceptance Criteria

• Repository titles are clickable
• Links open GitHub repository pages
• No layout breaking