Crea all'interno della classe DAOSelect un metodo static che renda l'ArrayList<Persona> recuperato dal database.
codice:
public static ArrayList<Persona> getPersone();
Poi crei una pagina jsp che invoca il metodo getPersone per recuperare l'ArrayList

codice:
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>JSP Page</title>
    </head>
    <body>
        
        <table>  
            <%
                for(Persona p: DAOSelect.getPersone()) {
                    out.println("<tr>");
                    out.print("<td>" + p.getId() + "</td>");
                    out.print("<td>" + p.getName() + "</td>");
                    out.print("<td>" + p.getSurname() + "</td>");
                    out.println("<td>" + p.getRole() + "</td>");
                    out.println("</tr>");
                }
                    
            %>
        </table>
        
    </body>
</html>
In questo modo visualizza in una tabella i dati recuperati con la chiamata getPersone().

Poi la formattazione della pagina e la disposizione dei dati sta te