Exibindo mensagem de sucesso continuamente

Olá, estou com um problema que continua exibindo sem para a mensagem de sucesso na minha index

<?php

namespace App\Http\Controllers;

use App\Models\Serie;
use Illuminate\Http\Request;

class Series extends Controller
{
    public function index(Request $request)
    {

        $series = Serie::query()->orderBy('nome')->get();
        $mensagemSucesso = $request->session()->get('mensagem.sucesso');
        //$request->session()->forget('mensagem.sucesso');// se na linha do destrow usar o put teria que usar $request->session()->put('mensagem.sucesso',"Série removida com sucesso")

        //MODO ANTIGO return view('series.index', ['series' => $series,])->with('mensagemSucesso', $mensagemSucesso);
        return view('series.index')->with('series', $series)->with('mensagemSucesso', $mensagemSucesso);

    }

    public function create()
    {
        return view('series.create');
    }

    public function store(Request $request)
    {
        $nomeSerie = $request->input('nome');
        $serie = new Serie();
        $serie->nome = $nomeSerie;
        $serie->save();

        return to_route('series.index');
    }

    public function destroy(Request $request)
    {
        Serie::destroy($request->series);
        $request->session()->flash('mensagem.sucesso', 'Série removida com sucesso');

        return to_route('series.index');
        //return redirect('/series/lista');;
        //return redirect()->to_route('series.index');//outra forma de direcionamento
    }
}

aqui é minha index

<x-layout title="Séries">
    <a href="{{ route('series.create') }}" class="btn btn-dark mb-2">Adicionar</a>

    @isset($mensagemSucesso)
        <div class="alert alert-sucess">
            {{ $mensagemSucesso }}
        </div>       
    @endisset

    <ul class="list-group">
        @foreach ($series as $key => $serie)
            <li class="list-group-item d-flex justify-content-between align-items-center">
                {{ $serie->nome }}

                <form action="{{ route('series.destroy', $serie->id) }}" method="POST">
                    @csrf
                    <!-- PUXANDO DELETE PARA USAR O RESOURCE NAS ROTAS, SEM O DELETE INFORMADO,
                    TERIA QUE FAZER A MÃO O METODO Route::post('/series/destroy/{id}',[Series::class , 'destroy'])->name('series.destroy') -->
                    @method('DELETE')
                    <button class="btn btn-danger btn-sm">X</button>                
                </form>
            </li>
        @endforeach
    </ul>

    <script>
        const series = {{ Js::from($series) }}
    </script>
</x-layout>

Estou anexando um print da tela também, ele está desse jeito a mensagem aparece, sem o bootstrap e não some, como posso estar resolvendo isso?