Responsive Mob\Desk Design using Vanilla HTML,CSS(flexbox),JS

Hello to all you wonderful Developers out there and A Big THANK YOU to FrontEndMentor for this challenge! This App has been tested on Browsers -: Brave, Chrome and Edge.. I have added animating buttons and a configuration where you can just update maxRows "param\var" to the number desired of links needed. When the number of links has exceeded it will notify the user of the oldest link that will be overwritten to be saved if needed. I have left a few comments in the code to help others and myself along the way if ever needed. The things i learned and solved about this challenge.

1. Ensuring there is consistency between element Id`s and localStorage Keys.
2. The ability to be able to clone elements without the need of writing out repetitive code where prepping the template before it is cloned is needed.
3. Using the clipboard unfortunately i bumped into issues using the "pointerdown" event where i was receiving the message "Must be handling a user gesture to use custom clipboard". Here i found out after 3 or 4 days of investigating that simply changing this to the "click" event has resolved this issue. I hope this helps someone.
4. Lastly, I presume when working with localStorage in the future it would be recommended to have just 1 local storage Key and have all the data\objects in it instead of separate keys. Please do have a go and let me know what you think, your feedback will be much appreciated. All the Best, M.