Fix cookie consent box layout and functionality issues

[diyabot]

Related Issue

[Cite any related issue(s) this pull request addresses. If none, simply state “None”]

Fixes: #3313

Description

This pull request addresses issue #3313, which involves layout and functionality improvements for the cookie consent box.

Summary of Changes:
I resolved layout issues that caused the reject button to overflow the consent box.
To prevent text overflow, ensure proper alignment and spacing for the 'Accept' and 'Reject' buttons.
Implemented functionality to hide the cookie consent box upon user interaction with the close, accept, or reject buttons.
Utilized localStorage to remember the user's cookie consent choice and prevent the consent box from reappearing after making a decision.
Motivation:
These changes improve the user experience by providing clear options for cookie consent while ensuring the design remains intact and functional.

Dependencies:
No additional dependencies are required for this change, aside from the updated body-parser.

Type of PR

• [x ] Bug fix
• Feature enhancement
• Documentation update
• Other (specify): _______________

Screenshots/videos (if applicable)

[Attach any relevant screenshots or videos demonstrating the changes. Make sure to attach before & after screenshots in your PR.]

Checklist:

• [ x] I have made this change from my own.
• I have taken help from some online resources.
• [x ] My code follows the style guidelines of this project.
• [x ] I have performed a self-review of my own code.
• [x ] I have commented on my code, particularly in hard-to-understand areas.
• I have made corresponding changes to the documentation.
• [x ] My changes generate no new warnings.
• [x ] I have tested the changes thoroughly before submitting this pull request.
• [x ] I have provided relevant issue numbers and screenshots after making the changes.

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
swapreads	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Oct 13, 2024 5:40am

[github-actions]

Thank you for submitting your pull request! 🙌 We'll review it as soon as possible. In the meantime, please ensure that your changes align with our CONTRIBUTING.md. If there are any specific instructions or feedback regarding your PR, we'll provide them here. Thanks again for your contribution! 😊

[netlify]

✅ Deploy Preview for swapreadsconnect ready!

Name	Link
🔨 Latest commit	b10dc45
🔍 Latest deploy log	https://app.netlify.com/sites/swapreadsconnect/deploys/670b5d226d980200088020ba
😎 Deploy Preview	https://deploy-preview-3347--swapreadsconnect.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.

[sailaja-adapa]

@diyabot resolve conflicts and remove it as draft if you are ready

[abhisek2004]

Error not fixed

[sailaja-adapa]

your changes causing issue to website work with updated branch and create new PR