Adding Terms & Privacy routes

[Rupesh4604]

No description provided.

[gemini-code-assist]

Code Review

This pull request introduces several enhancements to the ProdHub application, including a new branded splash screen, updated metadata for SEO, and the addition of dedicated Privacy Policy and Terms of Service pages. The UI has also been refined with improved contrast in the habit tracker and the inclusion of legal links in the footer. Feedback focuses on improving code quality by modernizing the splash screen script, reducing CSS duplication between the new legal pages, and recommending that build artifacts like the Firebase hosting cache be excluded from version control.

[gemini-code-assist]

Committing Firebase hosting cache files is generally discouraged. These are build artifacts that can vary between environments and lead to unnecessary merge conflicts. It is recommended to add the .firebase/ directory to your .gitignore file.

[gemini-code-assist]

The script for hiding the splash screen uses older JavaScript syntax and lacks a safety check for the root element before observation. Modernizing this to use const and arrow functions, while ensuring the element exists, would improve code quality and prevent potential runtime errors.

Suggested change

	document.addEventListener('DOMContentLoaded', function () {
	var observer = new MutationObserver(function () {
	var root = document.getElementById('root');
	if (root && root.childElementCount > 0) {
	var splash = document.getElementById('splash');
	if (splash) {
	splash.style.opacity = '0';
	setTimeout(function () { splash.remove(); }, 350);
	}
	observer.disconnect();
	}
	});
	observer.observe(document.getElementById('root'), { childList: true });
	});
	document.addEventListener('DOMContentLoaded', () => {
	const root = document.getElementById('root');
	const splash = document.getElementById('splash');
	if (!root || !splash) return;
	const observer = new MutationObserver(() => {
	if (root.childElementCount > 0) {
	splash.style.opacity = '0';
	setTimeout(() => splash.remove(), 350);
	observer.disconnect();
	}
	});
	observer.observe(root, { childList: true });
	});

[gemini-code-assist]

There is significant CSS duplication between privacy.html and terms.html. To improve maintainability and ensure visual consistency, consider moving these shared styles into a single external CSS file (e.g., /legal.css) in the public folder and linking it in both documents.

[github-actions]

Visit the preview URL for this PR (updated for commit 6d67d76):

https://my-productivity-hub-5a3ba--pr7-refactor-architectur-yre7xceb.web.app

_{(expires Mon, 27 Apr 2026 19:03:41 GMT)}

_{🔥 via Firebase Hosting GitHub Action 🌎}

_{Sign: 4ef75aef15076a8cc05555b91f31935d9a13db8e}