fix: Use small file cards when no preview is available(WPB-23340)

[arjita-mitra]

WPB-23340 [Web] Non-preview Enabled files are displaying as big card with an error

Pull Request

Summary

• Whenever we upload one “lambda” file type that does not support previews (e.g. Zip archive, binary, etc..), it appears with a large card w. preview and an error in preview generation.

Expected:

• any file type that doesn’t have a preview should default to a small card

---

Security Checklist (required)

• External inputs are validated & sanitized on client and/or server where applicable.
• API responses are validated; unexpected shapes are handled safely (fallbacks or errors).
• No unsafe HTML is rendered; if unavoidable, sanitization is applied and documented where it happens.
• Injection risks (XSS/SQL/command) are prevented via safe APIs and/or escaping.

Accessibility (required)

• I have read and this PR upholds our Accessibility Best Practices.

Standards Acknowledgement (required)

• I have read and this PR upholds our Coding Standards and Tech Radar Choices.

---

Screenshots or demo (if the user interface changed)

BEFORE:

AFTER:

Notes for reviewers

• Trade-offs:
• Follow-ups (linked issues):
• Linked PRs (e.g. web-packages):

[codecov]

Codecov Report

✅ All modified and coverable lines are covered by tests.
✅ Project coverage is 45.17%. Comparing base (ebfae08) to head (6ed0cba).
⚠️ Report is 2 commits behind head on dev.

Additional details and impacted files

@@            Coverage Diff             @@
##              dev   #20361      +/-   ##
==========================================
- Coverage   45.20%   45.17%   -0.03%     
==========================================
  Files        1633     1633              
  Lines       40230    40234       +4     
  Branches     8321     8324       +3     
==========================================
- Hits        18187    18177      -10     
- Misses      20113    20130      +17     
+ Partials     1930     1927       -3     

Flag	Coverage Δ
app_webapp	43.33% <100.00%> (-0.04%)	⬇️
lib_api_client	50.27% <ø> (ø)
lib_core	58.86% <ø> (ø)

Flags with carried forward coverage won't be shown. Click here to find out more.

Files with missing lines	Coverage Δ
...tMessage/asset/MultipartAssets/MultipartAssets.tsx	97.36% <100.00%> (+0.14%)	⬆️
...ssets/useGetMultipartAsset/useGetMultipartAsset.ts	88.31% <100.00%> (+0.31%)	⬆️

... and 3 files with indirect coverage changes

🚀 New features to boost your workflow:

• ❄️ Test Analytics: Detect flaky tests, report on failures, and find test suite problems.
• 📦 JS Bundle Analysis: Save yourself from yourself by tracking and limiting bundle sizes in JS merges.

[github-actions]

🔗 Download Full Report Artifact

🧪 Playwright Test Summary

• ✅ Passed: 9
• ❌ Failed: 0
• ⏭ Skipped: 4
• 🔁 Flaky: 1
• 📊 Total: 14
• ⏱ Total Runtime: 87.6s (~ 1 min 28 sec)

specs/CriticalFlow/joinTeam-TC-8635.spec.ts (❌ 0 failed, ⚠️ 1 flaky)

• ⚠️ New person joins team and sets up device (tags: TC-8635, crit-flow-web)

[sonarqubecloud]

Quality Gate passed

Issues
0 New issues
0 Accepted issues

Measures
0 Security Hotspots
0.0% Coverage on New Code
0.0% Duplication on New Code

See analysis details on SonarQube Cloud