Changed string values to use i18n

src/Components/Pages/Results/ResultsPage.tsx

@@ -1,17 +1,15 @@
+import { useTranslation } from "react-i18next";
 import CardContainer from "./CardContainer";
 
 const ResultsPage = () => {
+  const { t } = useTranslation();
+
   return (
     <div className="header-text">
       <h1>
-        <span className="bg-clip-text text-transparent bg-gradient-to-br from-gold-light to-gold-dark">
-          "
-        </span>
-        Ok... So what makes <br />
-        us different?
-        <span className="bg-clip-text text-transparent bg-gradient-to-br from-gold-light to-gold-dark">
-          "
-        </span>
+        <span className="gold-text">"</span>
+        {t("results.heading.part1")} <br /> {t("results.heading.part2")}
+        <span className="gold-text">"</span>
       </h1>
       <CardContainer />
     </div>