feat(files): add distinct file type icons and colors based on extension

[Git-Shubham14]

Description

Closes #193

All files in My Files previously showed the same generic icon regardless of type. This PR enhances getFileIcon and getFileTypeColor functions to display distinct icons and colors based on file extension and MIME type category.

Changes

• client/src/components/Home/MyFiles.tsx
  • Added FileVideo, FileAudio, FileImage, FileCode, Check to lucide-react imports
  • Enhanced getFileIcon to return specific icons based on file extension:
    • 📄 PDF, DOC, DOCX, TXT, MD, CSV → FileText
    • 🖼️ JPG, PNG, GIF, WEBP, SVG → FileImage
    • 🎥 MP4, MOV, AVI, MKV → FileVideo
    • 🎵 MP3, WAV, OGG, FLAC → FileAudio
    • 💻 JS, TS, HTML, CSS, JSON → FileCode
  • Enhanced getFileTypeColor to return distinct colors per extension:
    • PDF → Red #e74c3c
    • DOC/DOCX → Blue #2980b9
    • XLS/XLSX → Green #27ae60
    • PPT/PPTX → Orange #e67e22
    • Audio → Purple #9b59b6
    • Code files → Yellow #f39c12
  • Updated all getFileIcon and getFileTypeColor call sites to pass file.name for extension-based matching

Type of Change

• New feature

Checklist

• Code follows project style
• Tested locally (upload broken due to pre-existing backend bug [Bug]: File upload fails with 500 error — req.body is undefined in uploadController #203)
• Updated documentation

[netlify]

👷 Deploy request for file-sharingsystem pending review.

Visit the deploys page to approve it

Name	Link
🔨 Latest commit	9c8bc54

[vercel]

@Git-Shubham14 is attempting to deploy a commit to the imanchalsingh Team on Vercel.

A member of the Team first needs to authorize it.