translation done , services page added backend service detail page added

components/pages/services/empty.tsx

@@ -12,7 +12,7 @@ export function EmptyServices() {
       transition={{ duration: 0.5 }}
       className="max-w-250 w-full mx-auto py-20"
     >
-      <div className="bg-linear-to-br from-gray-900 to-gray-800 rounded-2xl p-10 md:p-16 text-center border border-gray-700/50">
+      <div className="bg-[#171616] bg-linear-to-br from-[#2a2a2a] to-black rounded-2xl p-10 md:p-16 text-center border border-gray-500">
         <motion.div
           initial={{ scale: 0 }}
           animate={{ scale: 1 }}
@@ -42,7 +42,7 @@ export function EmptyServices() {
           transition={{ delay: 0.3 }}
           className="text-2xl md:text-3xl font-bold text-white font-unbounded mb-4"
         >
-          {t("home.services.noData.title") || "Xizmatlar topilmadi"}
+          {t("operationalSystems.noData.title") || "Xizmatlar topilmadi"}
         </motion.h3>
 
         <motion.p
@@ -51,7 +51,7 @@ export function EmptyServices() {
           transition={{ delay: 0.4 }}
           className="text-gray-400 font-almarai text-base md:text-lg mb-8 max-w-md mx-auto"
         >
-          {t("home.services.noData.description") || "Hozircha hech qanday xizmat mavjud emas. Tez orada yangi xizmatlar qo'shiladi."}
+          {t("operationalSystems.noData.description") || "Hozircha hech qanday xizmat mavjud emas. Tez orada yangi xizmatlar qo'shiladi."}
         </motion.p>
 
         <motion.div
@@ -63,7 +63,7 @@ export function EmptyServices() {
             onClick={() => window.location.reload()}
             className="font-almarai bg-red-600 hover:bg-red-700 text-white font-semibold py-3 px-8 rounded-full transition-all duration-300 transform hover:scale-105 shadow-lg hover:shadow-red-500/50"
           >
-            {t("home.services.noData.reload") || "Qayta yuklash"}
+            {t("operationalSystems.noData.empty") || "Qayta yuklash"}
           </button>
         </motion.div>
       </div>