Add canonical override to SEO component, point all privacy policy variants to /privacy-policy

Fixes GSC "Duplicate, Google chose different canonical" for /it/, /fr/, /es/ privacy policy pages

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

Author: ChengaDev

src/components/PrivacyPolicy.tsx

@@ -9,6 +9,7 @@ const PrivacyPolicy = () => {
       <SEO
         title="Privacy Policy | ShotClock Pro"
         description="Privacy policy for ShotClock Pro — free online basketball shot clock. Learn how we use cookies and third-party services like Google Analytics and Google AdSense."
+        canonical="https://www.24shotclock.com/privacy-policy"
       />
       <Title>Privacy Policy</Title>
       <LastUpdated>Last updated: April 7, 2026</LastUpdated>

src/components/SEO.tsx

@@ -10,9 +10,10 @@ interface SEOProps {
   title: string;
   description: string;
   schema?: object;
+  canonical?: string;
 }
 
-const SEO: React.FC<SEOProps> = ({ title, description, schema }) => {
+const SEO: React.FC<SEOProps> = ({ title, description, schema, canonical: canonicalOverride }) => {
   const { languageCode } = useLocalization();
   const location = useLocation();
 
@@ -22,7 +23,7 @@ const SEO: React.FC<SEOProps> = ({ title, description, schema }) => {
     ? location.pathname
     : (location.pathname.slice(`/${languageCode}`.length) || '/');
 
-  const canonical = `${BASE_URL}${location.pathname}`;
+  const canonical = canonicalOverride ?? `${BASE_URL}${location.pathname}`;
 
   const getLangUrl = (lang: string) => {
     if (lang === 'en') return `${BASE_URL}${pagePath}`;