fix(files): normalize mime type before icon matching

Author: waleedlatif1

apps/sim/components/icons/document-icons.test.ts

@@ -9,6 +9,11 @@ describe('getDocumentIcon', () => {
     expect(getDocumentIcon('application/x-zip-compressed', 'archive')).toBe(ZipIcon)
   })
 
+  it('ignores mime type casing and parameters', () => {
+    expect(getDocumentIcon('APPLICATION/ZIP', 'archive')).toBe(ZipIcon)
+    expect(getDocumentIcon('application/zip; charset=binary', 'archive')).toBe(ZipIcon)
+  })
+
   it('falls back to the default icon for unknown types', () => {
     expect(getDocumentIcon('application/octet-stream', 'blob.bin')).toBe(DefaultFileIcon)
   })

apps/sim/components/icons/document-icons.tsx

@@ -259,9 +259,10 @@ export function DefaultFileIcon(props: SVGProps<SVGSVGElement>) {
 }
 
 export function getDocumentIcon(
-  mimeType: string,
+  rawMimeType: string,
   filename: string
 ): (props: SVGProps<SVGSVGElement>) => React.JSX.Element {
+  const mimeType = rawMimeType.split(';')[0].trim().toLowerCase()
   const extension = filename.split('.').pop()?.toLowerCase()
 
   if (