Refactor project for i18n support: Rename project to "i18n-translator" and update package.json and package-lock.json accordingly. Enhance localization by integrating translation functions across various components, including AddToCartButton, Content, GoogleLoginButton, and others, to provide dynamic text rendering based on user language preferences. Update localization files for multiple languages, ensuring comprehensive support for internationalization.

src/components/SharedCarousel.js

@@ -7,6 +7,7 @@ import ChevronRight from "@mui/icons-material/ChevronRight";
 import CategoryBox from "./CategoryBox.js";
 import SocketContext from "../contexts/SocketContext.js";
 import { useCarousel } from "../contexts/CarouselContext.js";
+import { useTranslation } from 'react-i18next';
 
 // Helper to process and set categories
 const processCategoryTree = (categoryTree) => {
@@ -52,6 +53,7 @@ const initializeCategories = () => {
 const SharedCarousel = () => {
   const { carouselRef, filteredCategories, setFilteredCategories, moveCarousel } = useCarousel();
   const context = useContext(SocketContext);
+  const { t } = useTranslation();
   const [rootCategories, setRootCategories] = useState([]);
 
   useEffect(() => {
@@ -111,7 +113,7 @@ const SharedCarousel = () => {
           textShadow: "3px 3px 10px rgba(0, 0, 0, 0.4)"
         }}
       >
-        Kategorien
+        {t('navigation.categories')}
       </Typography>
 
       <div