fix(4as): responsive popup and archive download data and fix duplicating data

[kennethliporada]

To dos:

• [x] 1. archive download data scroll bar
• [x] 3. responsive 4as popup, add scroll

Description

• fixed duplicate data

Screenshot

[netlify[bot]]

✅ Deploy Preview for noah-ph ready!

Name	Link
🔨 Latest commit	f6aba12c94d33a967bb642c9ee2c3cbbb363e6a9
🔍 Latest deploy log	https://app.netlify.com/sites/noah-ph/deploys/65cf07c31ada4f00080841b1
😎 Deploy Preview	https://deploy-preview-357--noah-ph.netlify.app/
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[kennethliporada]

Description

• responsive 4as popup, add scroll
• archive download data scroll bar

Screenshot

Note

• the dropdown Select Date: is a hover button and when it's mobile its clickable

[kennethliporada]

Description

• 1 day expiration for the cookie if they click Accept
• if the user clicked X it keeps popup when clicked the sidebar

Loom

• 1 day expiration https://www.loom.com/share/1b49620c05254056a4bd5c9c660355c6?sid=afab6333-56ea-4d68-b53f-aac4487589ad

• when click X button https://www.loom.com/share/107ec453f06140178c65c62a3e2d54a1?sid=f92b92f3-8152-40ab-8227-4ade9cb9af00