feat : add react-helmet on pages

src/layout/index.tsx

@@ -2,10 +2,23 @@ import { Outlet } from "react-router-dom";
 import Header from "../components/header";
 import Footer from "../components/footer";
 import Particle from "../components/particle";
+import { Helmet } from 'react-helmet-async';
 
 const Layout = () => {
   return (
     <>
+      <Helmet>
+        <title>پرشین پینگ | Persian Ping</title>
+        <meta
+          name="description"
+          content="بهترین خدمات پینگ برای بازی‌های آنلاین با پرشین پینگ"
+        />
+        <meta
+          name="keywords"
+          content="پرشین پینگ, خدمات پینگ, بازی آنلاین, کاهش پینگ"
+        />
+      </Helmet>
+
       <Particle />
       <div className={`relative bg-noisy w-full min-h-screen`}>
         <div className="relative max-w-[1400px] mx-auto h-full flex flex-col justify-between">