Fix: Excluding arrows (#39)

# Descrição

<!-- 
Inclua um resumo das alterações e qual problema foi corrigido. Inclua
também motivação e/ou contextos relevantes. Liste todas as dependências
necessárias para essa alteração.
-->

Fixes # (issue)

## Tipo de mudança 🏗️

<!-- _Exclua as opções que não são relevantes._ -->

Minha mudança é uma:

- [ ] Correção de bug (alteração que corrige um problema)
- [ ] Novo recurso (alteração que adiciona funcionalidades)
- [ ] Esta alteração requer uma atualização de documentação

## Como isso foi testado? 🧪

<!-- Descreva os testes que você executou para verificar suas
alterações.
Forneça instruções para que possamos reproduzir.
Liste também todos os detalhes relevantes para sua configuração de
teste. -->

## Checklist da PR ✅

- [x] Meu código segue as diretrizes de estilo deste projeto
- [x] Realizei uma autoavaliação do meu próprio código
- [ ] Fiz alterações correspondentes na documentação
- [x] Minhas alterações não geram novos `warnings`
- [ ] O título do meu PR está seguindo o padrão <type>(scope): subject.
  - Exemplo 1 (com escopo): feat(page): add collaborators page
  - Exemplo 2 (sem escopo): fix: prevent auto reload

src/app/activitys/activity.tsx

@@ -46,28 +46,28 @@ const ActivityPerDay: React.FC<ActivitySession> = ({ daySession }) => {
         <div key={index} className="relative mb-4">
           <div className="horas-layout">{startTime}</div>
           <div className="flex">
-            <div
+            {/* <div
               onClick={() => handleScroll({ side: 'left' })}
               className="absolute left-0 mt-2 flex h-full cursor-pointer items-center justify-center bg-sunset-950 p-1 opacity-75"
-            >
-              <span className="text-3xl text-white">&lt;</span>
-            </div>
-            <div
-              ref={scrollRef}
-              className="ml-6 flex flex-wrap gap-4 scroll-smooth "
-            >
-              {sessions.map((session) => (
-                <div key={session.id_session}>
-                  <Activity activitys={session} />
-                </div>
-              ))}
-            </div>
-            <div
-              onClick={() => handleScroll({ side: 'right' })}
-              className="absolute right-0 mt-2 flex h-full cursor-pointer items-center bg-sunset-950 p-1 opacity-75"
-            >
-              <span className="text-3xl text-white">&gt;</span>
-            </div>
+            > */}
+            <span className="text-3xl text-white">&lt;</span>
+          </div>
+          <div
+            ref={scrollRef}
+            className="ml-6 flex flex-wrap gap-4 scroll-smooth "
+          >
+            {sessions.map((session) => (
+              <div key={session.id_session}>
+                <Activity activitys={session} />
+              </div>
+            ))}
+          </div>
+          <div
+            onClick={() => handleScroll({ side: 'right' })}
+            className="absolute right-0 mt-2 flex h-full cursor-pointer items-center bg-sunset-950 p-1 opacity-75"
+          >
+            <span className="text-3xl text-white">&gt;</span>
+            {/* </div> */}
           </div>
         </div>
       ))}

src/components/activity.tsx

@@ -59,7 +59,7 @@ const Activity: React.FC<ActivityInfos> = ({ activitys }) => {
         {activitys.speakers.map((speaker, index) => (
           <div key={speaker.id_speaker}>
             <div className="flex">
-              <img
+              <Image
                 className="mr-4 h-20 w-20 rounded-full"
                 src={speaker.photo}
                 alt="Foto do palestrante"