added a message "no items found"

01-frontend/public/locales/de/translation.json

@@ -43,6 +43,7 @@
   "name": "Name",
   "next": "Weiter",
   "noActiveOrders": "Keine laufenden Bestellungen.",
+  "noItemsFound": "Keine Artikel gefunden.",
   "noPreviousOrders": "Keine vergangenen Bestellungen.",
   "openSettings": "Einstellungen öffnen",
   "order": "Bestellung",

01-frontend/public/locales/en/translation.json

@@ -43,6 +43,7 @@
   "name": "Name",
   "next": "Next",
   "noActiveOrders": "No active orders.",
+  "noItemsFound": "No Items found.",
   "noPreviousOrders": "No previous orders.",
   "openSettings": "Open settings",
   "order": "Order",

01-frontend/src/pages/Home.tsx

@@ -538,9 +538,13 @@ export default function Home() {
             </div>
             <div className="page-background" ref={containerRef}>
                 <Box className="cardgrid">
-                    {visibleItems.map((item) => (
-                        <ItemCard key={item.id} item={item} />
-                    ))}
+                    {visibleItems.length === 0 ? (
+                        <p className="no-results">{t('noItemsFound')}</p>
+                    ) : (
+                        visibleItems.map((item) => (
+                            <ItemCard key={item.id} item={item} />
+                        ))
+                    )}
                 </Box>
 
                 {/* Loader für Intersection Observer */}

01-frontend/src/pages/pages.css

@@ -142,4 +142,9 @@
     display: flex;
     justify-content: center;
     margin-top: 24px;
+}
+
+.no-results {
+    text-align: center;
+    font-size: 1rem;
 }