feat(ui): add empty state for Projects section on Home Screen

[Codewithpabitra]

Description

Adds a friendly empty state to the Projects section on the Home Screen
when no projects exist. This improves the onboarding experience for
first-time users by providing visual guidance instead of a blank page.

Changes

• Added conditional empty state block in HomeScreen.jsx
• Renders only when recentProjects.length === 0
• Includes a subtle grid/table SVG icon, a heading, and a hint message
• Fully consistent with existing Tailwind CSS design system

Fixes #248 #250

Type of Change

• Bug fix
• New feature
• Breaking change
• Documentation update

How Has This Been Tested?

Describe the tests you ran to verify your changes.

• Existing tests pass
• New tests added
• Manual testing

Testing

• Tested with no projects (empty state visible)
• Tested with existing projects (empty state hidden)
• No regressions on project creation, deletion, or navigation
• Responsive on mobile and desktop

Screenshots (if applicable)

Checklist

• My code follows the project's style guidelines
• I have performed a self-review
• I have added/updated documentation as needed
• My changes generate no new warnings
• Tests pass locally

Notes

• Zero new dependencies added
• No backend changes required
• Minimal diff — only HomeScreen.jsx is modified
• Follows existing component patterns and code style

I have fixed the issue . Happy to make changes per feedback.

[github-actions]

PR Review

Rebase

Your branch is 2 commit(s) behind main. Please rebase.

How to fix

git fetch origin
git rebase -i origin/main   # mark all but first commit as "squash"
git push --force-with-lease

---

This comment updates automatically on each push.