feat: add messages icon to navbar

[SRUTHIAGARWAL]

---

name: "📦 Pull Request"
about: Submit changes for review
title: "PR: Adding messages icon to navbar so that user can easily be redirected to the messages page"

📌 Linked Issue

• Connected to Feat: Add Messages / Inbox Icon to Navbar #98

---

🛠 Changes Made

• Added: Messages icon to the Navbar for authenticated users
• Added: Direct navigation to the /messages page via the Navbar icon
• Updated: Navbar UI to include quick-access messaging similar to common rental platforms

---

🧪 Testing

-✅ Ran unit tests (npm test)
-✅ Tested manually (describe below):

• Test case 1:
• First open the project locally in development environment.
• Start the backend and frontend
• Now observe the navbar no message icon is displayed
• when you login or sign up you can see the message icon and when you click it then it redirects to the messages page

---

📸 UI Changes

| Before |

|After |

---

📝 Documentation Updates

• Updated README/docs
• ✅ Added code comments

---

✅ Checklist

-✅ Created a new branch for PR
-✅ Have stared the repository
-✅ Follows JavaScript Styleguide
-✅ No console warnings/errors
-✅ Commit messages follow Git Guidelines

💡 Additional Notes

• This PR focuses only on Navbar-level UI changes.
• Designed to coexist cleanly with other Navbar-related PRs (e.g., Wishlist icon).

[netlify]

✅ Deploy Preview for smartrentsystem ready!

Built without sensitive environment variables

Name	Link
🔨 Latest commit	39199db
🔍 Latest deploy log	https://app.netlify.com/projects/smartrentsystem/deploys/6963b5d8b2815300089298b3
😎 Deploy Preview	https://deploy-preview-107--smartrentsystem.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify project configuration.

[SRUTHIAGARWAL]

@hitesh-kumar123 can you please tell me what was the issue?

[hitesh-kumar123]

❌ PR Closed

Thanks for the contribution.

This PR was closed because it breaks the navbar layout and responsiveness.
The icon changes disrupted the existing navbar flow, and no responsive testing or before/after screenshots were provided.

Major UI components like the navbar should not be changed without prior discussion.

You’re welcome to open a new PR with minimal, issue-focused changes and proper testing.