added a message "no items found"

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;
 }