refactor: integrate CategoryService into SharedCarousel for improved category data management and enhance component structure

src/services/CategoryService.js

@@ -0,0 +1,40 @@
+class CategoryService {
+  constructor() {
+    this.get = this.get.bind(this);
+  }
+
+  getSync(categoryId, language = "de") {
+    const cacheKey = `${categoryId}_${language}`;
+    if (window.categoryCache && window.categoryCache[cacheKey]) {
+      return window.categoryCache[cacheKey];
+    }
+    return null;
+  }
+  
+  get(categoryId, language = "de") {
+    const cacheKey = `${categoryId}_${language}`;
+    if (window.categoryCache && window.categoryCache[cacheKey]) {
+      return Promise.resolve(window.categoryCache[cacheKey]);
+    }
+    
+    return new Promise((resolve) => {
+      window.socketManager.emit("categoryList", {categoryId: categoryId, language: language}, (response) => {
+        console.log("CategoryService", cacheKey);
+        if (response.categoryTree) {
+          if (!window.categoryCache) {
+            window.categoryCache = {};
+          }
+          window.categoryCache[cacheKey] = response.categoryTree;
+          resolve(response.categoryTree);
+        } else {
+          resolve(null);
+        }
+      });
+    });
+  }
+}
+
+const categoryService = new CategoryService();
+window.categoryService = categoryService;
+
+export default categoryService;