feat: webpage correctly displayed, controller added, components added

<?php

namespace App\Http\Controllers;

use App\Models\DivingSession;

use Illuminate\View\View;

class DivesList extends Controller

{

    function index(): View

    {

        $dives = DivingSession::select('car_diving_session.DL_ID', 'DS_DATE', 'DL_DEPTH', 'CAR_SCHEDULE', 'DL_NAME')

            ->join('car_diving_location', 'car_diving_session.DL_ID', '=', 'car_diving_location.DL_ID')

            ->get();

        return view('dives', ['dives' => $dives]);

    }

}

use Illuminate\Database\Eloquent\Factories\HasFactory;

use Illuminate\Database\Eloquent\Model;

/**

 * @method static select(string $string, string $string1, string $string2, string $string3, string $string4)

 */

class DivingSession extends Model

{

    protected $table = 'car_diving_session';

<button class="bg-gray-300 hover:bg-gray-400 text-gray-800 font-bold py-2 px-4 rounded inline-flex items-center">

    {{ $slot }}

</button>

<h1 class="mb-6 ml-3 font-bold md:text-5xl lg:text-6xl underline underline-offset-8">{{ $slot }}</h1>

<x-layout>

    <h1>Liste des plongées</h1>

    @dump($dives)

    <x-page-title>Liste des plongées</x-page-title>

    <table>

        <thead>

            <tr>

                    <td>{{ $dive->CAR_SCHEDULE }}</td>

                    <td>{{ $dive->DL_DEPTH }}</td>

                    <td>{{ $dive->DL_NAME }}</td>

                    <td><x-button>S'inscrire</x-button></td>

                    <td><x-button>Voir les inscrits</x-button></td>

                </tr>

            @endforeach

        </tbody>