add canonical link to templates (#327)

src/pages/template-page/template-page.tsx

@@ -69,6 +69,12 @@ const TemplatePageComponent: React.FC = () => {
                             Database schema diagram for {template.name} |
                             ChartDB
                         </title>
+                        {HOST_URL !== 'https://chartdb.io' ? (
+                            <link
+                                rel="canonical"
+                                href={`https://chartdb.io/templates/${templateSlug}`}
+                            />
+                        ) : null}
                         <meta
                             name="title"
                             content={`Database schema for - ${template.name} | ChartDB`}

src/pages/templates-page/templates-page.tsx

@@ -11,6 +11,7 @@ import { useLoaderData, useMatches, useParams } from 'react-router-dom';
 import type { Template } from '@/templates-data/templates-data';
 import { Spinner } from '@/components/spinner/spinner';
 import { Helmet } from 'react-helmet-async';
+import { HOST_URL } from '@/lib/env';
 
 export interface TemplatesPageLoaderData {
     templates: Template[] | undefined;
@@ -33,6 +34,9 @@ const TemplatesPageComponent: React.FC = () => {
         <>
             <Helmet>
                 <title>ChartDB - Database Schema Templates</title>
+                {HOST_URL !== 'https://chartdb.io' ? (
+                    <link rel="canonical" href="https://chartdb.io/templates" />
+                ) : null}
             </Helmet>
 
             <section className="flex w-screen flex-col bg-background">