[UI/UX] Align logo to the left for better header consistency

**Description**
The Problem: Explain why the logo shouldn't be where it currently is.

the current logo position was disturbing the consistency of the navbar

**Current Behavior**
The application logo in the top navigation bar is centered within its container.

**Expected Behavior**
The application logo is aligned to the left with appropriate padding.

**Scope**
modified frontend/src/components/Navigation/Navbar/Navbar.tsx for using justify-start.

**Additional Notes**
I have a local implementation ready and can open a PR if this approach is approved.

**Screenshots**
Before:

After:

**Record**
- [x] I agree to follow this project's Code of Conduct
- [x] I want to work on this issue