services backend internationalization added

src/app/(routes)/(website)/components/services/services.tsx

@@ -1,6 +1,7 @@
 "use client";
 
 import { Service } from "@/app/types/types";
+import { getCookie } from "cookies-next";
 import { useEffect, useState } from "react";
 import Skeleton from "react-loading-skeleton";
 import "react-loading-skeleton/dist/skeleton.css";
@@ -25,28 +26,17 @@ export default function Services({ dict }: ServicesProps) {
 
   useEffect(() => {
     const fetchServices = async () => {
-      try {
-        const response = await fetch("/api/website/services");
+      setLoading(true);
+      const response = await fetch(
+        `${process.env.NEXT_PUBLIC_API_URL}/website/services/${getCookie("selectedLocale")}`,
+      ).then((res) => res.json());
 
-        if (!response.ok) {
-          throw new Error("Failed to fetch services");
-        }
-
-        const data: Service[] = await response.json();
-        setServices(data);
-      } catch (err) {
-        if (err instanceof Error) {
-          setError(err.message);
-        } else {
-          setError("An unknown error occurred");
-        }
-      } finally {
+      setServices(response);
       setLoading(false);
-      }
     };
 
     fetchServices();
-  }, []);
+  }, [getCookie("selectedLocale")]);
 
   const renderServiceCard = (service?: Service, index?: number) => (
     <div