Broken responsive behavior in ProjectHeader Component

[andre-code]

Description

The responsive behavior of the "Project Header" component is currently broken, causing issues when viewing the project header on various screen sizes and devices.

Reproduce

1. Navigate to a project page, preferably project description
2. Resize the browser window to different mobile screen sizes.
3. Observe the responsiveness of the "Project Header" component.

Proposed Solution

Implement necessary CSS adjustments or changes to fix the responsive layout issues.
Take a look at container queries https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_container_queries
Include story and visual test

[lorenzo-cavazzi]

Renku 2.0 already has a new project page, and this bug seems to affect only marginally the usability (it shows up only on small windows and doesn't prevent clicking on the button nor the dropdown).
I'm closing this issue. Feel free to open a new one if you think there are still reasons to consider a similar functionality.