Added [feature]: PAT helper link for token generation guide

[MARYAMAHMED08]

Related Issue

• Closes: #[232]

---

Description

Added a "How to generate?" helper link below the Personal Access Token field. This link opens the official GitHub PAT documentation in a new tab, guiding users who are unfamiliar with generating a Personal Access Token.

---

How Has This Been Tested?

• Ran the frontend locally using npm run dev
• Verified the helper link appears below the PAT field
• Confirmed the link opens GitHub docs in a new tab
• Confirmed no errors in the console

---

Screenshot

---

Type of Change

• Bug fix
• New feature
• Code style update
• Breaking change
• Documentation update

Summary by CodeRabbit

New Features

• Added a helper link under the Personal Access Token input field that directs users to GitHub's documentation for generating tokens, opening in a new browser tab for easy reference.

[netlify]

✅ Deploy Preview for github-spy ready!

Name	Link
🔨 Latest commit	7f49820
🔍 Latest deploy log	https://app.netlify.com/projects/github-spy/deploys/6a0796eca71e3b00083baae3
😎 Deploy Preview	https://deploy-preview-267--github-spy.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify project configuration.

[coderabbitai]

No actionable comments were generated in the recent review. 🎉

ℹ️ Recent review info

⚙️ Run configuration

Configuration used: defaults

Review profile: CHILL

Plan: Pro

Run ID: 8ceb5a22-29a0-461f-bb0a-f2b6128203c4

📥 Commits

Reviewing files that changed from the base of the PR and between 7a15543 and 7f49820.

📒 Files selected for processing (1)

• src/pages/Tracker/Tracker.tsx

---

📝 Walkthrough

Walkthrough

The Personal Access Token input field in the Tracker page now includes an inline helper link to GitHub's documentation for generating personal access tokens. The link opens in a new tab with custom styling for font size, color, and hover behavior.

Changes

Personal Access Token Helper Link

Layer / File(s)	Summary
Helper link UI with documentation reference src/pages/Tracker/Tracker.tsx	TextField helperText property now renders a styled MUI Link component that points to GitHub's personal access token documentation, opening in a new tab with proper security attributes and custom font, color, and hover styling.

Estimated code review effort

🎯 2 (Simple) | ⏱️ ~10 minutes

Possibly related issues

• #232: Directly related—both changes add the same helper link for the Personal Access Token field in the Tracker page.

Poem

🐰 A token guide now appears with grace,
GitHub docs in their rightful place,
Users need not wonder or guess,
Just click the link to access,
Security made quite less of a mess!

🚥 Pre-merge checks | ✅ 5

✅ Passed checks (5 passed)

Check name	Status	Explanation
Title check	✅ Passed	The title accurately describes the main change: adding a helper link for PAT generation guidance, which matches the core functionality added in the PR.
Description check	✅ Passed	The description comprehensively covers all required sections: related issue, detailed explanation, testing approach, screenshot, and type of change selection.
Docstring Coverage	✅ Passed	No functions found in the changed files to evaluate docstring coverage. Skipping docstring coverage check.
Linked Issues check	✅ Passed	Check skipped because no linked issues were found for this pull request.
Out of Scope Changes check	✅ Passed	Check skipped because no linked issues were found for this pull request.

_{✏️ Tip: You can configure your own custom pre-merge checks in the settings.}

✨ Finishing Touches

🧪 Generate unit tests (beta)

• Create PR with unit tests

Tip

💬 Introducing Slack Agent: The best way for teams to turn conversations into code.

Slack Agent is built on CodeRabbit's deep understanding of your code, so your team can collaborate across the entire SDLC without losing context.

• Generate code and open pull requests
• Plan features and break down work
• Investigate incidents and troubleshoot customer tickets together
• Automate recurring tasks and respond to alerts with triggers
• Summarize progress and report instantly

Built for teams:

• Shared memory across your entire org—no repeating context
• Per-thread sandboxes to safely plan and execute work
• Governance built-in—scoped access, auditability, and budget controls

One agent for your entire SDLC. Right inside Slack.

👉 Get started

---

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.}

[github-actions]

🎉 Thank you @MARYAMAHMED08 for your contribution. Please make sure your PR follows https://github.com/GitMetricsLab/github_tracker/blob/main/CONTRIBUTING.md#-pull-request-guidelines