feat: add configurable tooltips

.flowbite-react/pid

@@ -1 +1 @@
-3518
+21636

src/components/feedback/components/ReportTitleInput.tsx

@@ -1,23 +1,30 @@
 import React, { ChangeEvent } from 'react';
+import { Tooltip } from '../../../shared';
 
 interface ReportTitleInputProps {
   title: string;
   onChange: (value: string) => void;
   label?: string;
+  tooltipText?: string;
   placeholder?: string;
 }
 
 const ReportTitleInput: React.FC<ReportTitleInputProps> = ({ 
   title, 
   onChange, 
   label = "Título do Relatório",
+  tooltipText,
   placeholder = "Digite o título do relatório"
 }) => {
   return (
     <div>
-      <label className="text-gray-400 font-medium mb-1 text-sm block">
-        {label}
-      </label>
+      <div className="flex items-center gap-2 mb-1">
+        <label className="text-gray-400 font-medium mb-1 text-sm block">
+          {label}
+        </label>
+        {tooltipText && <Tooltip content={tooltipText} />}
+      </div>
+
       <input
         type="text"
         value={title}

src/components/feedback/components/ToggleSwitch.tsx

@@ -1,17 +1,22 @@
 import React, { ChangeEvent } from 'react';
+import { Tooltip } from '../../../shared';
 
 interface ToggleSwitchProps {
   id: string;
   label: string;
+  tooltipText?: string;
   isChecked: boolean;
   onChange: (e: ChangeEvent<HTMLInputElement>) => void;
 }
 
-const ToggleSwitch: React.FC<ToggleSwitchProps> = ({ id, label, isChecked, onChange }) => {
+const ToggleSwitch: React.FC<ToggleSwitchProps> = ({ id, label, tooltipText, isChecked, onChange }) => {
   const containerId = `toggle-${id}`;
   return (
     <div className="flex items-center justify-between bg-gray-800 p-3 rounded-xl border border-gray-700 shadow-md">
-      <span className="font-medium text-gray-300 text-sm">{label}</span>
+      <div className="fex items-center gap-2">
+        <span className="font-medium text-gray-300 text-sm">{label}</span>
+        {tooltipText && <Tooltip content={tooltipText} />}
+      </div>
       <div className="relative inline-block w-10 mr-2 align-middle select-none">
         <input 
           type="checkbox" 

src/components/feedback/config/TooltipContent.ts

@@ -0,0 +1,19 @@
+export const TooltipContent = {
+  header: {},
+  geral: {
+    Titulo_do_relatorio: "Define o título que aparecerá no topo do relatório de feedback gerado",
+    Exibir_pontuacao: "Quando ativado, exibe a pontuação numérica (0-100) no feedback final",
+    Exibir_testes_aprovados: "Exibe quais testes foram aprovados no relatório de feedback",
+    Adicionar_resumo: "Inclui um resumo geral do desempenho no início do relatório",
+    Adicionar_conteudo_online_de_apoio: "Materiais de apoio vinculados a testes específicos para ajudar o aluno"
+  },
+  ai: {
+    inteligencia_artificial: "Defina como a Inteligência Artificial deve se comportar ao avaliar o aluno",
+    Fornecimento_de_solucoes: "Define se o feedback deve incluir dicas, soluções completas, ou apenas avaliação",
+    Tom_do_feedback: "Determina o tom utilizado pela IA ao gerar o feedback (encorajador, neutro, direto)",
+    Persona_do_feedback: "Define a personalidade da IA ao fornecer feedback (ex: professor experiente, mentor amigável)",
+    Contexto_da_atividade: "Contexto sobre a atividade avaliada para melhorar a relevância do feedback gerado",
+    Orientacoes_extras: "Instruções adicionais para guiar a IA na geração de feedback personalizado",
+    Arquivos_para_leitura: "Arquivos que serão lidos e incluídos no contexto do feedback"
+  }
+};