Cookie banner (#3302)

# Description of Changes

Please provide a summary of the changes, including:
- Added cookie banner using [Cookie
consent](https://github.com/orestbida/cookieconsent)#
- Posthog now is disabled using posthogs consent API by default
- Posthog will have consent enabled based on events "cc:onConsent" and
"cc:onChange" from cookieConsent.

Closes #(3298)

---

## Checklist

### General

- [ ] I have read the [Contribution
Guidelines](https://github.com/Stirling-Tools/Stirling-PDF/blob/main/CONTRIBUTING.md)
- [ ] I have read the [Stirling-PDF Developer
Guide](https://github.com/Stirling-Tools/Stirling-PDF/blob/main/DeveloperGuide.md)
(if applicable)
- [ ] I have read the [How to add new languages to
Stirling-PDF](https://github.com/Stirling-Tools/Stirling-PDF/blob/main/HowToAddNewLanguage.md)
(if applicable)
- [ ] I have performed a self-review of my own code
- [ ] My changes generate no new warnings

### Documentation

- [ ] I have updated relevant docs on [Stirling-PDF's doc
repo](https://github.com/Stirling-Tools/Stirling-Tools.github.io/blob/main/docs/)
(if functionality has heavily changed)
- [ ] I have read the section [Add New Translation
Tags](https://github.com/Stirling-Tools/Stirling-PDF/blob/main/HowToAddNewLanguage.md#add-new-translation-tags)
(for new translation tags only)

### UI Changes (if applicable)

- [ ] Screenshots or videos demonstrating the UI changes are attached
(e.g., as comments or direct attachments in the PR)

### Testing (if applicable)

- [ ] I have tested my changes locally. Refer to the [Testing
Guide](https://github.com/Stirling-Tools/Stirling-PDF/blob/main/DeveloperGuide.md#6-testing)
for more details.

src/main/resources/static/css/cookieconsentCustomisation.css

@@ -0,0 +1,79 @@
+.cc--darkmode{
+    --cc-bg: var(--md-sys-color-inverse-on-surface);
+    --cc-primary-color: var(--md-sys-color-on-surface);
+    --cc-secondary-color: var(--md-sys-color-on-surface);
+
+    --cc-btn-primary-bg: var(--md-sys-color-secondary);
+    --cc-btn-primary-color: var(--cc-bg);
+    --cc-btn-primary-border-color: var(--cc-btn-primary-bg);
+    --cc-btn-primary-hover-bg: var(--md-sys-color-surface-3);
+    --cc-btn-primary-hover-color: var(--md-sys-color-on-secondary-container);
+    --cc-btn-primary-hover-border-color: var(--md-sys-color-surface-3);
+
+    --cc-btn-secondary-bg: var(--md-sys-color-surface-3);
+    --cc-btn-secondary-color: var(--md-sys-color-on-secondary-container);
+    --cc-btn-secondary-border-color: var(--md-sys-color-surface-3);
+    --cc-btn-secondary-hover-bg:var(--md-sys-color-secondary);
+    --cc-btn-secondary-hover-color: var(--cc-bg);
+    --cc-btn-secondary-hover-border-color: var(--md-sys-color-secondary);
+
+    --cc-separator-border-color: var(--md-sys-color-outline);
+
+    --cc-toggle-on-bg: var(--cc-btn-primary-bg);
+    --cc-toggle-off-bg: var(--md-sys-color-outline);
+    --cc-toggle-on-knob-bg: var(--cc-btn-primary-color);
+    --cc-toggle-off-knob-bg: var(--cc-btn-primary-color);
+
+    --cc-toggle-enabled-icon-color: var(--cc-btn-primary-color);   
+    --cc-toggle-disabled-icon-color: var(--cc-btn-primary-color);  
+
+    --cc-toggle-readonly-bg: var(--md-sys-color-surface);
+    --cc-toggle-readonly-knob-bg: var(--md-sys-color-outline);
+    --cc-toggle-readonly-knob-icon-color: var(--cc-toggle-readonly-bg);
+
+    --cc-section-category-border: var(--md-sys-color-outline);
+
+    --cc-cookie-category-block-bg: var(--cc-btn-secondary-bg);
+    --cc-cookie-category-block-border: var(--cc-btn-secondary-bg); 
+    --cc-cookie-category-block-hover-bg: var(--cc-btn-secondary-bg);
+    --cc-cookie-category-block-hover-border: var(--cc-btn-secondary-bg);
+    
+    --cc-cookie-category-expanded-block-bg: var(--cc-btn-secondary-bg);
+    --cc-cookie-category-expanded-block-hover-bg: var(--cc-toggle-readonly-bg);
+
+  /*  --cc-overlay-bg: rgba(0, 0, 0, 0.65);
+    --cc-webkit-scrollbar-bg: var(--cc-section-category-border);
+    --cc-webkit-scrollbar-hover-bg: var(--cc-btn-primary-hover-bg);
+*/
+    --cc-footer-bg: var(--cc-bg);
+    --cc-footer-color: var(--cc-primary-color);
+    --cc-footer-border-color: var(--cc-bg); 
+}
+.cm__body{
+    max-width: 90% !important;
+    flex-direction: row !important;
+    align-items: center !important;
+
+}
+
+.cm__desc{
+    max-width: 70rem !important;
+}
+
+.cm__btns{
+    flex-direction: row-reverse !important;
+    gap:10px !important;
+    padding-top: 3.4rem !important;
+}
+
+@media only screen and (max-width: 1400px) {
+    .cm__body{
+        max-width: 90% !important;
+        flex-direction: column !important;
+        align-items: normal !important;
+    }
+
+    .cm__btns{
+        padding-top: 1rem !important;
+    }
+}

src/main/resources/static/css/footer.css

@@ -35,4 +35,5 @@
 
 .footer-link {
   text-decoration: none;
+  cursor: pointer;
 }

src/main/resources/static/js/thirdParty/cookieconsent-config.js

@@ -0,0 +1,66 @@
+import './cookieconsent.umd.js';
+import 'https://cdn.jsdelivr.net/gh/orestbida/[email protected]/dist/cookieconsent.umd.js';
+
+// Enable dark mode
+document.documentElement.classList.add('cc--darkmode');
+
+CookieConsent.run({
+    guiOptions: {
+        consentModal: {
+            layout: "bar",
+            position: "bottom",
+            equalWeightButtons: true,
+            flipButtons: true
+        },
+        preferencesModal: {
+            layout: "box",
+            position: "right",
+            equalWeightButtons: true,
+            flipButtons: true
+        }
+    },
+    categories: {
+        necessary: {
+            readOnly: true
+        },
+        analytics: {}
+    },
+    language: {
+        default: "en",
+        translations: {
+            en: {
+                consentModal: {
+                    title: cookieBannerPopUpTitle,
+                    description: cookieBannerPopUpDescription,
+                    acceptAllBtn: cookieBannerPopUpAcceptAllBtn,
+                    acceptNecessaryBtn: cookieBannerPopUpAcceptNecessaryBtn,
+                    showPreferencesBtn: cookieBannerPopUpShowPreferencesBtn,
+                },
+                preferencesModal: {
+                    title: cookieBannerPreferencesModalTitle,
+                    acceptAllBtn: cookieBannerPreferencesModalAcceptAllBtn,
+                    acceptNecessaryBtn: cookieBannerPreferencesModalAcceptNecessaryBtn,
+                    savePreferencesBtn: cookieBannerPreferencesModalSavePreferencesBtn,
+                    closeIconLabel: cookieBannerPreferencesModalCloseIconLabel,
+                    serviceCounterLabel: cookieBannerPreferencesModalServiceCounterLabel,
+                    sections: [
+                        {
+                            title: cookieBannerPreferencesModalSubtitle,
+                            description: cookieBannerPreferencesModalDescription
+                        },
+                        {
+                            title:cookieBannerPreferencesModalNecessaryTitle,
+                            description: cookieBannerPreferencesModalNecessaryDescription,
+                            linkedCategory: "necessary"
+                        },
+                        {
+                            title: cookieBannerPreferencesModalAnalyticsTitle,
+                            description: cookieBannerPreferencesModalAnalyticsDescription,
+                            linkedCategory: "analytics"
+                        }
+                    ]
+                }
+            }
+        }
+    }
+});