fix: remove duplicate content in mobile view (#411)

[Roshnicoderr]

📱 Issue
Fixes #411 — In mobile view, the "About" and "Contact" sections were rendered twice.

✅ Fix Summary

• Removed duplicated components from the mobile menu layout.
• Verified responsive behavior using device emulator (≤768px resolution).
• Cleaned up navigation rendering for small screen sizes.

🧪 Test

• Confirmed "About" and "Contact" appear only once.
• Mobile menu opens and closes properly.

Fixes: #411

[greptile-apps]

Greptile Summary

This PR addresses a mobile navigation bug where "About" and "Contact" sections were appearing twice in the mobile view. The fix involves removing a completely duplicated navbar section (41 lines) from index.html that was causing the duplication issue. The developer correctly identified that there were two identical navbar elements in the HTML structure - one using standard Bootstrap classes and another duplicate section. When the mobile menu collapsed/expanded on devices ≤768px resolution, both navbars were being rendered, creating the visual duplication.

The change removes the redundant navbar while preserving the properly structured one that uses standard Bootstrap navigation classes. This fix integrates well with the existing responsive design system that CodeClip uses for its mobile-first approach, ensuring that the navigation menu functions correctly across different screen sizes. The solution maintains the application's existing theme toggle functionality and navigation routing while eliminating the duplicate content that was degrading the mobile user experience.

Confidence score: 3/5

• This PR addresses the core issue effectively but introduces potential HTML structure problems that could affect rendering
• Score reflects successful bug fix implementation but concerns about HTML validation errors and structural inconsistencies
• Pay close attention to the HTML structure validation, particularly duplicate CSS links and misplaced tags

_{1 file reviewed, 1 comment}

_{Edit Code Review Bot Settings | Greptile}

[greptile-apps]

logic: Another misplaced <main> tag inside <header>. This breaks semantic HTML structure.