[Code Quality & Accessibility] Remove commented code, add meta descriptions, and improve image accessibility

Description

This issue tracks three related improvements to enhance code quality, SEO, and accessibility of the VOCAB VOYAGE e-learning website.

Problems to Address

1. Code Cleanup 🧹

• Problem: js/main.js contains 300+ lines of commented-out code and git merge conflict markers
• Impact: Makes code difficult to read and maintain
• Location: js/main.js (lines 1-300+)

2. Missing Meta Descriptions 🔍

• Problem: All HTML pages have empty meta description and keywords tags
• Impact: Poor SEO performance and search engine visibility
• Affected Files: All 9 HTML pages (index.html, about.html, courses.html, contact.html, login.html, signup.html, team.html, testimonial.html, single.html)

3. Missing Image Alt Text ♿

• Problem: Multiple images have empty alt="" attributes
• Impact: Poor accessibility for screen readers and users with visual impairments
• Affected Files:
  • courses.html - 12 course images
  • single.html - 2 images

✅ Proposed Solution

1. Remove all commented code and merge conflict markers from main.js
2. Add comprehensive documentation with clear comments
3. Add descriptive meta descriptions to all HTML pages with relevant keywords
4. Add meaningful alt text to all images for better accessibility

I am ready with the PR you can assign me this under Hacktoberfest labels.