feat: PDF file asset [WPB-15702]

[olafsulich]

WPB-15702 [Web] PDF preview

Description

What's changed:

1. new pdf file asset type, based on feat: FileCard component [WPB-15686] #18692
2. refactor, mostly wrapping components with folders, moving files/code around

How it works:

We render PDFs using react-pdf library. The library with its code is lazy loaded, based on the viewport. The preview itself is not scrollable, it'll be clickable (opens fullscreen file preview on click) in the future.

Demo

Preview:

Loading:

Lazy loading:

Screen.Recording.2025-02-12.at.12.38.24.mov

Error:

Checklist

• mentions the JIRA issue in the PR name (Ex. [WPB-XXXX])
• PR has been self reviewed by the author;
• Hard-to-understand areas of the code have been commented;
• If it is a core feature, unit tests have been added;

[codecov-commenter]

Codecov Report

Attention: Patch coverage is 31.95876% with 66 lines in your changes missing coverage. Please review.

Project coverage is 45.66%. Comparing base (102bc0a) to head (752458e).
Report is 4 commits behind head on dev.

Additional details and impacted files

@@            Coverage Diff             @@
##              dev   #18743      +/-   ##
==========================================
+ Coverage   45.63%   45.66%   +0.03%     
==========================================
  Files         956      968      +12     
  Lines       27857    27937      +80     
  Branches     6286     6302      +16     
==========================================
+ Hits        12712    12758      +46     
- Misses      13560    13591      +31     
- Partials     1585     1588       +3     

[przemvs]

LGTM!

[sonarqubecloud]

Quality Gate passed

Issues
9 New issues
0 Accepted issues

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

See analysis details on SonarQube Cloud

[e-maad]

Well done 👏