fix communication between question and selecte question cards

app/javascript/pages/assessment/components/SelectedQuestionsSideBar.tsx

@@ -1,13 +1,14 @@
-import React, { FC, PropsWithChildren } from "react";
+import React, { FC, } from "react";
 import { SideBar } from "./SideBar";
 import { SelectedQuestionCard } from "./SelectedQuestionCard";
 
 type Props = {
-    questions: {id: string, label: string}[],
-    onRemoveQuestion: Function
+    questions: {
+        id: string, label: string, removeHandler: Function
+    }[]
 }
 
-export const SelectedQuestionsSideBar: FC<Props> = ({ questions, onRemoveQuestion }) => {
+export const SelectedQuestionsSideBar: FC<Props> = ({ questions }) => {
     return (
         <SideBar>
             <h1>Questões Selecionadas</h1>
@@ -16,7 +17,7 @@ export const SelectedQuestionsSideBar: FC<Props> = ({ questions, onRemoveQuestio
                 {questions.length ?
                     questions.map(q => <SelectedQuestionCard
                             key={q.id} id={q.id} label={q.label}
-                            onRemoveQuestion={onRemoveQuestion}/>) :
+                            onRemoveQuestion={q.removeHandler}/>) :
                     <h2 className="text-gray-700 mt-3">
                         Nenhuma questão selecionada
                     </h2>