fix: data container repeating items

  - data container component no longer repeats items
  - always shows the first result if no filter is applied

src/components/dataContainer.js

@@ -93,13 +93,15 @@
                 if (loading) return 'loading...';
                 if (error) return 'failed';
 
+                const item = data.results[0];
+
                 return (
                   <>
-                    {data.results.map(item => (
+                    {item && (
                       <B.GetOneProvider key={item.id} value={item}>
                         {children}
                       </B.GetOneProvider>
-                    ))}
+                    )}
                   </>
                 );
               }}