fix: fixing prod

app/[locale]/(public)/contact/page.tsx

@@ -113,7 +113,12 @@ const ContactForm = () => {
       <Reveal>
         {/* Header */}
         <div className="flex items-center justify-center mb-6">
-          <Image src="/assets/icons-contact.png" alt="contact" />
+          <Image
+            width={54}
+            height={54}
+            src="/assets/icons-contact.png"
+            alt="contact"
+          />
           <h2 className="ml-4 text-2xl font-bold">
             {t("contactUs", { defaultValue: "Contact Us" })}
           </h2>

app/[locale]/(public)/faqs/page.tsx

@@ -34,7 +34,7 @@ const FAQS: React.FC = () => {
   const [openIndex, setOpenIndex] = useState<number | null>(null);
 
   const toggleFAQ = (index: number) => {
-    setOpenIndex(openIndex === index ? null : index);
+    setOpenIndex(openIndex === index ? null : index); 
   };
 
   return (
@@ -43,11 +43,10 @@ const FAQS: React.FC = () => {
       <Reveal>
         <div className="flex items-center justify-center mb-6">
           <Image
-            width={1920}
+            width={54}
-            height={1080}
+            height={54}
             src="/assets/icons-faqs.png"
             alt="Faqs"
-            className="h-12 w-12"
           />
           <h2 className="ml-4 text-lg lg:text-2xl font-bold text-gray-800 dark:text-white">
             Frequently Asked Questions

app/[locale]/(public)/feedback/page.tsx

@@ -25,7 +25,11 @@ const Rating: React.FC<RatingProps> = ({ label, onRate }) => {
       <span className="text-gray-800 dark:text-white">{label}</span>
       <div className="flex space-x-1">
         {[1, 2, 3, 4, 5].map((star) => (
-          <button key={star} onClick={() => handleClick(star)} className={`text-2xl ${star <= selected ? "text-yellow-500" : "text-gray-300"}`}>
+          <button
+            key={star}
+            onClick={() => handleClick(star)}
+            className={`text-2xl ${star <= selected ? "text-yellow-500" : "text-gray-300"}`}
+          >
             ★
           </button>
         ))}
@@ -120,16 +124,35 @@ const FeedbackForm: React.FC = () => {
     <Reveal>
       <div className="max-w-6xl flex flex-col mx-auto p-4 lg:p-40 gap-5 ">
         <div className="flex items-center justify-center mb-6">
-          <Image src="/assets/icons-feedback.png" alt="Feedback" />
+          <Image
-          <h2 className="ml-4 text-[15px] lg:text-[32px] font-bold text-gray-800 dark:text-white">{t("userFeedback", { defaultValue: "User Feedback" })}</h2>
+            src="/assets/icons-feedback.png"
+            alt="Feedback"
+            width={54}
+            height={54}
+          />
+          <h2 className="ml-4 text-[15px] lg:text-[32px] font-bold text-gray-800 dark:text-white">
+            {t("userFeedback", { defaultValue: "User Feedback" })}
+          </h2>
         </div>
         <div className="text-black dark:text-white">
-          <Rating label={t("ratings", { defaultValue: "Ratings" })} onRate={(rating) => handleRatingChange("accessibility", rating)} />
+          <Rating
-          <Rating label={t("ratings2", { defaultValue: "Ratings2" })} onRate={(rating) => handleRatingChange("appearance", rating)} />
+            label={t("ratings", { defaultValue: "Ratings" })}
-          <Rating label={t("ratings3", { defaultValue: "Ratings3" })} onRate={(rating) => handleRatingChange("content", rating)} />
+            onRate={(rating) => handleRatingChange("accessibility", rating)}
+          />
+          <Rating
+            label={t("ratings2", { defaultValue: "Ratings2" })}
+            onRate={(rating) => handleRatingChange("appearance", rating)}
+          />
+          <Rating
+            label={t("ratings3", { defaultValue: "Ratings3" })}
+            onRate={(rating) => handleRatingChange("content", rating)}
+          />
         </div>
         <div className="flex justify-center">
-          <button onClick={handleSubmit} className="w-fit lg:w-32 bg-[#2F80ED] text-white py-2 px-4 gap-4 rounded-md hover:bg-blue-600 transition text-sm lg:text-base">
+          <button
+            onClick={handleSubmit}
+            className="w-fit lg:w-32 bg-[#2F80ED] text-white py-2 px-4 gap-4 rounded-md hover:bg-blue-600 transition text-sm lg:text-base"
+          >
             {t("send", { defaultValue: "Send" })}
           </button>
         </div>