Add Custom Logo and Favicon for ASL Detection Website

[Dhruv-kundu]

Related Issue
Closes #13

program: gssoc

Description

• This PR enhances the branding and visual identity of the American Sign Language Detection project by replacing the placeholder text logo with a custom aesthetic logo and adding favicon support for the browser tab.

Type of Change

• New feature
• UI enhancement

Changes Made
-- Navbar Logo Integration

• Removed the temporary gradient 🖐 icon container.
• Added custom logo image
• Improved navbar aesthetics and responsiveness.

-- Browser Tab Favicon

• Added custom favicon support

Benefits

• Better project branding
• Cleaner and more professional UI
  -Improved browser tab identification
• Responsive and lightweight implementation

Checklist

• Code follows project style guidelines
• Tested changes locally
• No console errors introduced
• Responsive design maintained
• PR is linked to the related issue

Screenshots

• Added favicon in browser tab
  Before

After

-Added custom navbar logo
Before

After

Testing

• Verified logo rendering in navbar
• Verified favicon visibility in browser tab
• Checked responsiveness across different screen sizes

Logo Added

[Dhruv-kundu]

Hello @Sant60 , Myself Dhruv .
I have Implemented the logo integration for the American Sign Language Detection project.
Changes Made:

• Replaced the hand emoji with a custom logo
• Added responsive logo styling
• Improved title alignment and visual appearance

Please review the PR and let me know if any changes are required.
Labels Asked @Sant60 :
[gssoc:approved]
[level:beginner]
[type:docs]
[type:refactor]
[quality:clean]

[Dhruv-kundu]

Review @Sant60 and Merge the PR.