refactor: 重构播放视图UI，提取导航栏，并优化切换标签页和表格列表样式。

src/components/SwitchTableButton.vue

@@ -0,0 +1,42 @@
+<template>
+  <div class="switch-table-btn" @click.stop="handleClick">
+    <!-- Icon can be replaced or styled via CSS class -->
+  </div>
+</template>
+
+<script>
+export default {
+  name: "SwitchTableButton",
+  emits: ["click"],
+  setup(props, { emit }) {
+    const handleClick = () => {
+      emit("click")
+    }
+    return {
+      handleClick
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.switch-table-btn {
+  position: absolute;
+  top: 10px;
+  right: 10px;
+  z-index: 2005; /* High z-index to overlay video */
+  width: 30px;
+  height: 30px;
+  background-image: url("~@/assets/images/icon/switch_tab.png");
+  background-size: contain;
+  background-repeat: no-repeat;
+  background-position: center;
+  cursor: pointer;
+  
+  /* Add a hover effect for better UX */
+  &:active {
+    transform: scale(0.95);
+    opacity: 0.8;
+  }
+}
+</style>