added favicon

web/app/templates/base.html

   <meta charset="utf-8">
   <meta http-equiv="X-UA-Compatible" content="IE=edge">
   <meta name="viewport" content="width=device-width, initial-scale=1">
+  <!-- favicon -->
+  <link rel="icon" href="{{ url_for('static',filename='images/cropped-favicon-32x32.jpg') }}" sizes="32x32" />
+  <link rel="icon" href="{{ url_for('static',filename='images/cropped-favicon-192x192.jpg') }}" sizes="192x192" />
+  <link rel="apple-touch-icon" href="{{ url_for('static',filename='images/cropped-favicon-180x180.jpg') }}" />
   <!-- Bootstrap CSS -->
   <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
   <link href="{{ url_for('static',filename='styles/custom.css') }}" rel="stylesheet">