Release 3.0.0 - replace abandoned dependencies (lodash, react-quill)

[tuj]

Link to issue

#249

Link to ticket

https://leantime.itkdev.dk/#/tickets/showTicket/6237

Description

Npm audit reports 6 issues with the javascript dependencies. These involve two abandoned dependencies:

• ReactQuill: A RichText Editor.
• Lodash.set: A utility function.

These dependencies should be replaced.

NB! The "Composer / composer-audit (pull_request)" action check that fails will not be handled in this PR, since it is only related to javascript dependencies.

Screenshots

Related issues

#319

TODOs

• Icons for menu items.
• Styling.
• Accessibility.
• Handle the ordered list issue from Tekst og billed : anvendelse af Tal + punkt i føste linje bliver til tal-liste #319
• Tests.
• Make sure existing content can be handled by the new editor.
• Make sure updates to @hello-pangea/dnd and react-redux dependencies do not break the admin.
• Evaluate if structuredClone browser support is good enough.

Checklist

• My code is covered by test cases.
• My code passes our test (all our tests).
• My code passes our static analysis suite.
• My code passes our continuous integration process.

Notes

• When running npm install it reports: "npm warn deprecated [email protected]: This package is deprecated. Use the optional chaining (?.) operator instead". I will see if we can remove all lodash dependencies.
• Reference for replacing lodash functions: https://github.com/you-dont-need/You-Dont-Need-Lodash-Underscore
• Evaluate if structuredClone browser support is good enough.
• After research TipTap or Plate.js seemed like two of the top choices for rich text editing in React. I have decided to pursue TipTap, since it looks like it's simpler to add as a drop in replacement for Quill.
• To add TipTap it was necessary to update @hello-pangea/dnd and react-redux dependencies.
• Removed option to use blockquote since it is not display differently from paragraph.
• Enter defaults to p tag. Added "hard break" (br tag) button for new line within paragraph.
• StructuredClone is supported from Marts 2022 in major browsers: https://caniuse.com/?search=structuredClone
• Vite defines which browser versions are supported: https://vite.dev/guide/build#browser-compatibility
• Vite has a legacy plugin that can provide support for older browsers. This polyfill code is conditionally loaded for old browsers.