fix: remove the vertical scrolling on the home page; improve the profile page overflowing.

[palchhinparihar]

📄 Description

This PR focuses on fixing UI responsiveness issues and improving code structure.

• 🐛 Fixed: Profile page overflow issues on both mobile and tablet screens.
• 🐛 Fixed: Home page vertical scrolling issue.
• ✨ Added: Disabled styling for the GitHub profile input when no profile link is entered.
• ⚡ Refactored: Split logic into separate .js files for better maintainability and replaced redundant code with cleaner implementations using the map() method.
• 🏷️ Improved: Added title attributes to elements for better understanding of operations and accessibility.

---

🔗 Related Issues

Fixes #137

---

🖼️ Screenshots (if applicable)

Vertical Scrolling - Homepage

Overflow - Profile page (Mobile, Tablet, Laptop)

---

🧩 Type of Change

• 🐛 Bug Fix
• ✨ New Feature
• ⚡ Enhancement / Optimization
• 🧰 Refactoring
• 🧾 Documentation Update
• 🔧 Other (please specify): ____________

---

✅ Checklist

• I have performed a self-review of my code.
• I have commented my code, particularly in hard-to-understand areas.
• I have added or updated relevant documentation.
• My changes do not break any existing functionality.
• I have tested my changes locally and they work as expected.
• I have linked all relevant issues (if any).

---

💬 Additional Notes (Optional)

This PR enhances mobile and tablet responsiveness, improves maintainability, and makes the codebase more modular.

Let me know for any changes.

Thank you.

[vercel]

@palchhinparihar is attempting to deploy a commit to the vansh-codes1's projects Team on Vercel.

A member of the Team first needs to authorize it.

[github-actions]

Thank you for submitting your pull request! 🙌 We'll review it as soon as possible. In the meantime, please ensure that your changes align with our CONTRIBUTING.md. If there are any specific instructions or feedback regarding your PR, we'll provide them here. Thanks again for your contribution! 😊

[Copilot]

Pull Request Overview

This PR refactors the preview card page to improve responsiveness and maintainability by extracting hardcoded configuration data into separate utility files and enhancing the UI with better mobile support.

• Extracted export buttons, select dropdowns, and checkbox configurations into dedicated utility files
• Enhanced responsive design with dynamic viewport heights, improved spacing, and mobile-friendly layouts
• Added accessibility improvements with alt text, titles, and disabled state styling for the submit button

Reviewed Changes

Copilot reviewed 5 out of 6 changed files in this pull request and generated 2 comments.

Show a summary per file

File	Description
src/pages/Home.jsx	Updated viewport heights for responsive design, increased icon/input sizes, added disabled button state with visual feedback, and adjusted footer text color
src/app/[username]/page.jsx	Refactored hardcoded UI elements to use imported configuration arrays, improved responsive grid layouts and width handling, added accessibility attributes (alt, title) to images and inputs
src/app/[username]/exportTools.js	New file containing export button metadata (labels, icons, titles, actions)
src/app/[username]/selectTools.js	New file containing select dropdown configurations (theme, font, pattern)
src/app/[username]/checkboxTools.js	New file containing checkbox field configurations (star, fork, repo)
package-lock.json	Dependency changes marking various packages as peer dependencies and removing dev-only flags

---

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

[palchhinparihar]

hello, @vansh-codes! are you there? it's been a few days. :)