integrate new client side BDT

Author: Erik2609

layouts/shortcodes/web_app.html

@@ -23,7 +23,27 @@ <h3 class="pl-3">{{ .title | markdownify }}
         {{ end }}
 
         <!-- Bias Detection Tool -->
-        <div id="app"></div>
+        <div class="container">
+          <iframe title="Bias detection example"
+            src="https://local-first-bias-detection.s3.eu-central-1.amazonaws.com/bias-detection.html">
+          </iframe>
+          <style>
+            .container {
+              background-color: #fff;
+              width: 100%;
+              display: flex;
+              flex-direction: column;
+              justify-content: center;
+              align-items: center;
+            }
+
+            iframe {
+              border: none;
+              width: 100%;
+              height: 700px;
+            }
+          </style>
+        </div>
         <!-- /Bias Detection Tool -->
 
       </div>
@@ -32,6 +52,4 @@ <h3 class="pl-3">{{ .title | markdownify }}
   </div>
 </div>
 <!-- text field -->
-
-<script type="module" src="https://static-files-pdf.s3.amazonaws.com/assets/index.js"></script>
 {{ end }}