change id of the doibadge

www/dev.html

@@ -52,7 +52,7 @@
          <div class="row align-items-center blueBackground">
             <div class="col-12 col-sm-4" > <img id="logo" style="height:80px;" src="/src/images/esrflogo.png" alt="the ESRF logo"> </img> </div>
             <div class="col-12 col-sm-8">
-               <div id="doiPanel" class="row">
+               <div id="doiBadge" class="row">
                  <!-- filled by the js code -->
                </div>
             </div>

www/dev.tpl.html

@@ -37,7 +37,7 @@
          <div class="row align-items-center blueBackground">
             <div class="col-12 col-sm-4" > <img id="logo" style="height:80px;" src="/src/images/esrflogo.png" alt="the ESRF logo"> </img> </div>
             <div class="col-12 col-sm-8">
-               <div id="doiPanel" class="row">
+               <div id="doiBadge" class="row">
                  <!-- filled by the js code -->
                </div>
             </div>

www/index.html

@@ -43,7 +43,7 @@
          <div class="row align-items-center blueBackground">
             <div class="col-12 col-sm-4" > <img id="logo" style="height:80px;" src="/src/images/esrflogo.png" alt="the ESRF logo"> </img> </div>
             <div class="col-12 col-sm-8">
-               <div id="doiPanel" class="row">
+               <div id="doiBadge" class="row">
                  <!-- filled by the js code -->
                                  
                </div>

www/src/doiview.js

@@ -24,7 +24,7 @@ DOIView.prototype.setLoading = function( message ) {
 */
 DOIView.prototype.setDOI = function( doiCode ) {
     // $( "#doiPanel" ).text( doiCode.toUpperCase() );
-    $( "#doiPanel" ).html(
+    $( "#doiBadge" ).html(
         "<div  class='col'> </div> " +
         "<div class='col-auto mr-3 borderRadius-5 whiteBackground' style='padding:5px;'>" +
         "<span class='doiBadge borderRadius-5 fontSize-20'> <a id='doiLink' href=''>" +