Feat/code viewer line numbers

[Pranav-IIITM]

📝 Pull Request

Summary [required]

This PR enhances the inline code viewer on the project detail page by adding line numbers to the starter code panel. Previously, large starter files were rendered as plain <pre><code> blocks, making navigation difficult for contributors and learners referencing specific lines. The updated implementation improves readability and usability by rendering each line with a dedicated line number column, similar to professional code viewers like GitHub and VS Code.

Related Issue [required]

Closes #95

Type of Change [required]

• Bug fix — resolves a broken behaviour
• Feature — adds new functionality
• Data — adds new projects to data/projects.json
• Documentation — updates docs, README, or code comments only
• Style — CSS or visual changes only, no logic change
• Refactor — restructures code without changing behaviour
• Test — adds or updates tests

What Was Changed [required]

File	Change made
static/script.js	Added logic to split starter code into individual lines and render numbered code rows dynamically
static/style.css	Added styling for .line-number, .code-line, and .line-content for improved readability and alignment
templates/project.html	Updated code viewer structure to support line-based rendering layout

[vercel]

@Pranav-IIITM is attempting to deploy a commit to the komalsony234-1530's projects Team on Vercel.

A member of the Team first needs to authorize it.

[Pranav-IIITM]

Hi @komalharshita , could you please review this PR when you have some time?

This PR adds line numbers to the inline code viewer on the project detail page to improve readability and navigation for contributors. The implementation now renders starter code line-by-line with a dedicated line number column, similar to GitHub/VS Code style viewers.

I’ve updated the JS rendering logic, added the required styling, and modified the template structure accordingly. Looking forward to your feedback. Thanks!

[komalharshita]

Good enhancement overall. Adding line numbers to the code viewer meaningfully improves readability and makes code references easier for users reviewing starter templates and examples.

The feature appears well-scoped and adds practical UX value without introducing unnecessary modifications. This is especially useful in an educational/project-learning environment like DevPath.

Minor future consideration: verify responsive behavior and ensure line numbers stay properly aligned for larger or wrapped code blocks.

Approved for merge.