[Bug UI]: Inconsistent Editing Experience for Project Name in Navbar

[itsHamdySalem]

Description: When clicking on the project name in the navbar, the name becomes editable in the Properties panel without clear UI indicators, leading to potential accidental modifications. Additionally, when the Properties panel is minimized, attempting to edit the project name through the navbar is working.

Steps to Reproduce:

1. Go to cv-frontend-vue
2. Click on the project name 'Untitled' in the navbar.
3. Observe the project name becoming selected in the Properties panel.
4. Begin typing on the keyboard.
5. Notice the project name changes to the typed text.
6. Minimize the Properties panel.
7. Click on the project name in the navbar again.
8. Attempt to edit the project name.
9. Observe that the project name does not change.

Expected Behavior:

1. When clicking on the project name in the navbar, there should be clear UI indications that I clicked on the project name.
2. If the Properties panel is minimized, clicking on the project name should open the panel, indicating that the project name is being edited.

Screenshots:

https://github.com/CircuitVerse/cv-frontend-vue/assets/89861718/5446e337-552a-4023-9ddb-96a3255834db

Device Information:

• OS: Windows 11
• Browser: Chrome
• Version: Chrome 122

Are you working on this issue? (Yes/No) Yes