Render challenges no App

src/App.tsx

@@ -1,5 +1,14 @@
-import './App.css'
+import { Card } from './components/Card'
+import * as rawChallenges from './challenges'
 
 export function App() {
-  return <div className="App">App</div>
+  const challenges = Object.values(rawChallenges)
+
+  return (
+    <div className="App">
+      {challenges.map((challenge) => (
+        <Card key={challenge.title} {...challenge} />
+      ))}
+    </div>
+  )
 }