Homepage update (#2663)

# Description

Please provide a summary of the changes, including relevant motivation
and context.

Closes #(issue_number)

## Checklist

- [ ] I have read the [Contribution
Guidelines](https://github.com/Stirling-Tools/Stirling-PDF/blob/main/CONTRIBUTING.md)
- [ ] I have performed a self-review of my own code
- [ ] I have attached images of the change if it is UI based
- [ ] I have commented my code, particularly in hard-to-understand areas
- [ ] If my code has heavily changed functionality I have updated
relevant docs on [Stirling-PDFs doc
repo](https://github.com/Stirling-Tools/Stirling-Tools.github.io/blob/main/docs/)
- [ ] My changes generate no new warnings
- [ ] 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)

---------

Co-authored-by: Reece Browne <reece@stirling.pdf>

src/main/resources/static/js/pages/home.js

@@ -0,0 +1,182 @@
+/*<![CDATA[*/
+
+document.addEventListener('DOMContentLoaded', function () {
+  if (window.analyticsPromptBoolean) {
+    const analyticsModal = new bootstrap.Modal(document.getElementById('analyticsModal'));
+    analyticsModal.show();
+  }
+});
+/*]]>*/
+function setAnalytics(enabled) {
+  fetchWithCsrf('api/v1/settings/update-enable-analytics', {
+    method: 'POST',
+    headers: {
+      'Content-Type': 'application/json',
+    },
+    body: JSON.stringify(enabled),
+  })
+    .then((response) => {
+      if (response.status === 200) {
+        console.log('Analytics setting updated successfully');
+        bootstrap.Modal.getInstance(document.getElementById('analyticsModal')).hide();
+      } else if (response.status === 208) {
+        console.log('Analytics setting has already been set. Please edit /config/settings.yml to change it.', response);
+        alert('Analytics setting has already been set. Please edit /config/settings.yml to change it.');
+      } else {
+        throw new Error('Unexpected response status: ' + response.status);
+      }
+    })
+    .catch((error) => {
+      console.error('Error updating analytics setting:', error);
+      alert('An error occurred while updating the analytics setting. Please try again.');
+    });
+}
+
+updateFavoriteIcons();
+
+const defaultView = localStorage.getItem('defaultView') || 'home'; // Default to "home"
+if (defaultView === 'home-legacy') {
+  window.location.href = '/home-legacy'; // Redirect to legacy view
+}
+
+document.addEventListener('DOMContentLoaded', function () {
+  const surveyVersion = '2.0';
+  const modal = new bootstrap.Modal(document.getElementById('surveyModal'));
+  const dontShowAgain = document.getElementById('dontShowAgain');
+  const takeSurveyButton = document.getElementById('takeSurvey');
+
+  const viewThresholds = [5, 10, 15, 22, 30, 50, 75, 100, 150, 200];
+
+  // Check if survey version changed and reset page views if it did
+  const storedVersion = localStorage.getItem('surveyVersion');
+  if (storedVersion && storedVersion !== surveyVersion) {
+    localStorage.setItem('pageViews', '0');
+  }
+
+  let pageViews = parseInt(localStorage.getItem('pageViews') || '0');
+
+  pageViews++;
+  localStorage.setItem('pageViews', pageViews.toString());
+
+  function shouldShowSurvey() {
+    if (localStorage.getItem('dontShowSurvey') === 'true' || localStorage.getItem('surveyTaken') === 'true') {
+      return false;
+    }
+
+    // If survey version changed and we hit a threshold, show the survey
+    if (localStorage.getItem('surveyVersion') !== surveyVersion && viewThresholds.includes(pageViews)) {
+      return true;
+    }
+
+    return viewThresholds.includes(pageViews);
+  }
+
+  if (shouldShowSurvey()) {
+    modal.show();
+  }
+
+  dontShowAgain.addEventListener('change', function () {
+    if (this.checked) {
+      localStorage.setItem('dontShowSurvey', 'true');
+      localStorage.setItem('surveyVersion', surveyVersion);
+    } else {
+      localStorage.removeItem('dontShowSurvey');
+      localStorage.removeItem('surveyVersion');
+    }
+  });
+
+  takeSurveyButton.addEventListener('click', function () {
+    localStorage.setItem('surveyTaken', 'true');
+    localStorage.setItem('surveyVersion', surveyVersion);
+    modal.hide();
+  });
+
+  if (localStorage.getItem('dontShowSurvey')) {
+    modal.hide();
+  }
+
+  if (window.location.pathname === '/') {
+    const navItem = document.getElementById('navItemToHide');
+    if (navItem) {
+      navItem.style.display = 'none';
+    }
+  }
+  updateFavoritesDropdown();
+});
+function setAsDefault(value) {
+  localStorage.setItem('defaultView', value);
+  console.log(`Default view set to: ${value}`);
+}
+
+function adjustVisibleElements() {
+  const container = document.querySelector('.recent-features');
+  const subElements = Array.from(container.children);
+
+  let totalWidth = 0;
+  const containerWidth = container.offsetWidth;
+
+  subElements.forEach((element) => {
+    totalWidth += 12 * parseFloat(getComputedStyle(document.documentElement).fontSize);
+
+    if (totalWidth > window.innerWidth) {
+      element.style.display = 'none';
+    } else {
+      element.style.display = 'block';
+    }
+  });
+}
+
+function adjustContainerAlignment() {
+  console.log('Adjusting container alignment');
+
+  document.querySelectorAll('.features-container').forEach((parent) => {
+    parent.querySelectorAll('.feature-rows').forEach((container) => {
+      const childElements = Array.from(container.children);
+
+      const containerWidth = parent.offsetWidth;
+      console.log(containerWidth < 32 * parseFloat(getComputedStyle(document.documentElement).fontSize));
+      if (containerWidth < 32 * parseFloat(getComputedStyle(document.documentElement).fontSize)) {
+        container.classList.add('single-column');
+      } else {
+        container.classList.remove('single-column');
+      }
+    });
+  });
+}
+function toolsManager() {
+  const convertToPDF = document.querySelector('#groupConvertTo');
+  const convertFromPDF = document.querySelector('#groupConvertFrom');
+
+  if (convertToPDF && convertFromPDF) {
+    const itemsTo = Array.from(convertToPDF.querySelectorAll('.dropdown-item')).filter(
+      (item) => !item.querySelector('hr.dropdown-divider')
+    );
+    const itemsFrom = Array.from(convertFromPDF.querySelectorAll('.dropdown-item')).filter(
+      (item) => !item.querySelector('hr.dropdown-divider')
+    );
+
+    const totalItems = itemsTo.length + itemsFrom.length;
+
+    if (totalItems > 12) {
+      document.querySelectorAll('#convertGroup').forEach((element) => element.remove());
+      document.querySelectorAll('#groupConvertTo').forEach((element) => (element.style.display = 'flex'));
+      document.querySelectorAll('#groupConvertFrom').forEach((element) => (element.style.display = 'flex'));
+    } else {
+      document.querySelectorAll('#convertGroup').forEach((element) => (element.style.display = 'flex'));
+      document.querySelectorAll('#groupConvertTo').forEach((element) => element.remove());
+      document.querySelectorAll('#groupConvertFrom').forEach((element) => element.remove());
+    }
+  }
+}
+document.addEventListener('DOMContentLoaded', function () {
+  toolsManager();
+});
+
+window.addEventListener('load', () => {
+  adjustContainerAlignment();
+  adjustVisibleElements();
+});
+window.addEventListener('resize', () => {
+  adjustContainerAlignment();
+  adjustVisibleElements();
+});