chore: make title modifiable, fix inital db value

client/pages/ProblemPage.tsx

@@ -53,6 +53,7 @@ export const ProblemPage = ({ id }: RouteProps) => {
 
     const [editing, setEditing] = useState<boolean>(false)
     const [modifiedProblemSource, setModifiedProblemSource] = useState<string>('')
+    const [modifiedProblemTitle, setModifiedProblemTitle] = useState<string>(problem?.title ?? '')
 
     useEffect(() => {
         if (problem) {
@@ -63,6 +64,7 @@ export const ProblemPage = ({ id }: RouteProps) => {
     const updateProblem = async () => {
         await server.patch(`/api/problem/${id}`, {
             content: modifiedProblemSource,
+            title: modifiedProblemTitle,
         })
         refreshProblem()
         setEditing(false)
@@ -92,6 +94,15 @@ export const ProblemPage = ({ id }: RouteProps) => {
                     </>
                 ) : (
                     <>
+                        <div class="problem-title">
+                            <label>Titolo</label>
+                            <input
+                                type="text"
+                                value={modifiedProblemTitle}
+                                onInput={e => setModifiedProblemTitle(e.target instanceof HTMLInputElement ? e.target.value : '')}
+                                placeholder="Problema..."
+                            />
+                        </div>
                         <MarkdownEditor
                             placeholder="Modifica testo del problema..."
                             source={modifiedProblemSource}