feat: add clarity

pages/appContainer.js

@@ -1,10 +1,9 @@
-import React from 'react';
+import React from 'react'
 import Header from './components/Layout/header'
 import Footer from './components/Layout/footer'
-import Head from "next/head";
-import dynamic from "next/dynamic";
-import {Router} from "next/router";
-
+import Head from 'next/head'
+import dynamic from 'next/dynamic'
+import { Router } from 'next/router'
 
 const Chat = dynamic(() => import('./pack'), { ssr: false })
 const AppContainer = ({ children, title }) => {
@@ -12,17 +11,32 @@ const AppContainer = ({children,title} ) => {
     <div>
       <Head>
         <title>{title ? title : 'بیمارستان مهر ایرانیان پرند '}</title>
-                <meta name="description" content="بیمارستان 96 تخت خوابی مهر ایرانیان پرند واقع در شهر پرند " />
-                <meta name="keywords" content=" درمانگاه مهرپرند,بیمارستان مهرایرانیان پرند ,بیمارستان, بیمارستان مهر, سهام,پرند" />
-                <meta name="google-site-verification" content="1mcxI6a_QSwpZ-0W65WqgKOzenynNF4PXE8IBq1vEmc" />
-                <link rel="icon" href="/resource/logo/favlogo.png" />
+        <meta name='description' content='بیمارستان 96 تخت خوابی مهر ایرانیان پرند واقع در شهر پرند ' />
+        <meta
+          name='keywords'
+          content=' درمانگاه مهرپرند,بیمارستان مهرایرانیان پرند ,بیمارستان, بیمارستان مهر, سهام,پرند'
+        />
+        <meta name='google-site-verification' content='1mcxI6a_QSwpZ-0W65WqgKOzenynNF4PXE8IBq1vEmc' />
+        <link rel='icon' href='/resource/logo/favlogo.png' />
+        <script
+          type='text/javascript'
+          dangerouslySetInnerHTML={{
+            __html: `
+                (function(c,l,a,r,i,t,y){
+                    c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)};
+                    t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i;
+                    y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y);
+                })(window, document, "clarity", "script", "kggvhu7xfo");
+              `
+          }}
+        />
       </Head>
       <Chat />
       <Header />
       {children}
       <Footer />
     </div>
-    );
-};
+  )
+}
 
-export default AppContainer;
+export default AppContainer