Add plyr support for podcasts

resources/views/includes/css/css.blade.php

@@ -9,6 +9,7 @@
 @hasSection('audio-guide')
   <link href="https://cdnjs.cloudflare.com/ajax/libs/plyr/3.5.6/plyr.css" rel="stylesheet" media="screen">
 @endif
+@yield('plyr-css')
 <style>
 .head {
   background-image: url('@yield('hero_image')');

resources/views/includes/scripts/javascript.blade.php

@@ -1,6 +1,6 @@
 <!-- JavaScript -->
 <!-- JS, Popper.js, and jQuery -->
-<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
+<script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
 <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js" integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN" crossorigin="anonymous"></script>
 <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-w1Q4orYjBQndcko6MimVbzY0tgp4pWB4lZ7lr30WKz0vr/aWKhXdBNmNb5D92v7s" crossorigin="anonymous"></script>
 <script src="/js/backtotop.js"></script>
@@ -38,6 +38,11 @@
 <script defer type="text/javascript" src="/js/plyr-controls.js"></script>
 @endif
 
+@hasSection('audio-guide')
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/plyr/3.5.10/plyr.min.js"></script>
+    <script defer type="text/javascript" src="/js/plyr-controls.js"></script>
+@endif
+@yield('plyr-js')
 @hasSection('height-test')
   @yield('height-test')
 @endif