fix: project header items and menu UI on mobile view

[emlimlf]

In this PR

• Fix the project tab menus on mobile
• Adjust the project name and repository dropdown wrapping for different screen sizes

Ticket

IN-723

[Copilot]

Pull Request Overview

This PR fixes mobile UI issues in the project header, improving responsive design for project navigation and layout elements. The changes focus on adjusting header items wrapping behavior and menu visibility across different screen sizes.

• Remove commented code and fix HTML structure in project menu
• Update responsive breakpoints and layout classes for project header elements
• Adjust container padding and flex layout for better mobile presentation

Reviewed Changes

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

File	Description
widget-area.vue	Remove container padding overrides to use default spacing
project-menu.vue	Fix responsive visibility classes and clean up commented HTML
header.vue	Restructure header layout with improved flex wrapping and responsive design

---

_{Tip: Customize your code reviews with copilot-instructions.md. Create the file or learn how to get started.}

[Copilot]

[nitpick] The class attribute spans multiple lines with inconsistent indentation. Consider formatting this as a single line or using consistent indentation for better readability.

Suggested change

	class="flex sm:items-center items-stretch min-w-0 max-w-full
	sm:flex-nowrap flex-wrap sm:w-auto w-full"
	class="flex sm:items-center items-stretch min-w-0 max-w-full sm:flex-nowrap flex-wrap sm:w-auto w-full"

[Copilot]

Using !text-nowrap with the ! important modifier may cause specificity issues. Consider using whitespace-nowrap instead, which is the standard Tailwind class for preventing text wrapping.

Suggested change

	class="!rounded-full !text-nowrap"
	class="!rounded-full whitespace-nowrap"