feat: enhance AutoProbe components with improved styling and iframe sandboxing

frontend/crawlab-ui/src/components/core/autoprobe/AutoProbeItemDetail.vue

@@ -168,14 +168,21 @@ defineOptions({ name: 'ClAutoProbeItemDetail' });
 </script>
 
 <template>
-  <div class="cl-autoprobe-page-pattern-detail">
+  <div class="autoprobe-page-pattern-detail">
     <cl-table
       :columns="tableColumns"
       :data="tableData"
       embedded
+      sticky-header
       hide-footer
       :row-style="rowStyle"
       :cell-style="cellStyle"
     />
   </div>
 </template>
+
+<style scoped>
+.autoprobe-page-pattern-detail {
+  height: 100%;
+}
+</style>

frontend/crawlab-ui/src/components/core/autoprobe/AutoProbeResultsContainer.vue

@@ -154,7 +154,12 @@ defineOptions({ name: 'ClAutoProbeResultsContainer' });
       />
     </div>
     <div class="preview" v-else-if="activeTabName === TAB_NAME_PREVIEW">
-      <iframe v-if="url" ref="iframeRef" :src="url" />
+      <iframe
+        v-if="url"
+        ref="iframeRef"
+        :src="url"
+        sandbox="allow-scripts allow-same-origin allow-pointer-lock allow-downloads allow-modals allow-presentation"
+      />
     </div>
   </div>
 </template>