Ora il db funge più veramente e si possono inviare i problemi

client/components/Problem.jsx

@@ -1,12 +1,13 @@
 import { Markdown } from './Markdown.jsx'
 
-export const Problem = ({ id, content }) => {
+export const Problem = ({ id, content, createdBy }) => {
     return (
         <div class="problem">
             <div class="problem-header">
                 <div class="problem-title">
                     <a href={`/problem/${id}`}>Problema {id}</a>
                 </div>
+                {createdBy && <div class="problem-author">Creato da @{createdBy}</div>}
             </div>
             <div class="problem-content">
                 <Markdown source={content} />

client/components/Solution.jsx

@@ -0,0 +1,14 @@
+import { Markdown } from './Markdown.jsx'
+
+export const Solution = ({ userId, content }) => {
+    return (
+        <div class="solution">
+            <div class="solution-header">
+                <div>@{userId}</div>
+            </div>
+            <div class="solution-content">
+                <Markdown source={content} />
+            </div>
+        </div>
+    )
+}