feat: add interface to view logs

[alixlahuec]

Description

Create a custom logging system accessible to users, to assist with debugging issues:

• BE: ZoteroRoamLog class and logs property in ZoteroRoam
  • Methods called in catch blocks + ErrorBoundary
  • Axios errors are scrubbed to avoid logging API keys or other personal information
• FE: Logger dialog component, with paginated and filtered output
  • Available through the extension icon's context menu

Validation

✅ Unit testing for class constructor & methods
✅ Storybook testing for Logger
✅ Manual testing (dev build):

• Trigger a data error, e.g by using a wrong library ID
• The extension icon is in error state - the extension continues to function otherwise,
• The errors are visible in the logger & sorted by timestamp

[linear]

RM-50 Add custom logger UI

Problem

When a user encounters a data issue, the details aren't visible anywhere. If it's not a request issue, there'll be nothing in the devtools, and nothing in the UI. It's really hard to debug.

Work

1. Add custom logger and push all the fetch_ errors there (more sources can be added if relevant):

   • Type: "Request"|…
   • Error
   • Context
   • Timestamp

2. Create UI that displays the logs (icon popover or context menu → error logs)

   • with the Type
   • with the Context

[codecov-commenter]

Codecov Report

Merging #115 (656185c) into beta (cbf616b) will increase coverage by 0.09%.
The diff coverage is 91.40%.

❗ Current head 656185c differs from pull request most recent head a3c7bad. Consider uploading reports for the commit a3c7bad to get more accurate results

@@            Coverage Diff             @@
##             beta     #115      +/-   ##
==========================================
+ Coverage   86.64%   86.72%   +0.09%     
==========================================
  Files         120      122       +2     
  Lines        3958     4035      +77     
  Branches     1135     1151      +16     
==========================================
+ Hits         3429     3499      +70     
- Misses        514      521       +7     
  Partials       15       15              

Impacted Files	Coverage Δ
src/components/Errors/ErrorBoundary.jsx	63.64% <0.00%> (-6.36%)	⬇️
src/smartblocks.js	94.24% <ø> (ø)
src/components/Logger/index.jsx	82.15% <82.15%> (ø)
src/api/utils.js	92.61% <94.45%> (+0.34%)	⬆️
src/components/ExtensionIcon/index.jsx	85.72% <100.00%> (ø)
src/components/Logger/LogEntry/index.jsx	100.00% <100.00%> (ø)
src/extension.js	98.24% <100.00%> (+0.19%)	⬆️
src/propTypes.js	100.00% <100.00%> (ø)
src/setup.js	100.00% <100.00%> (ø)
src/utils.js	95.49% <100.00%> (ø)