refactor(theme): 优化主题样式并移除冗余代码

- 将 @import 替换为 @use，提高代码的可维护性
- 统一使用 index 作为命名空间，避免变量名冲突
- 移除不必要的注释和空格，精简代码
- 删除未使用的 isSocketOpen 属性，简化数据结构

web/src/layout/navBars/breadcrumb/user.vue

@@ -60,11 +60,9 @@
 		<div></div>
 		<el-dropdown :show-timeout="70" :hide-timeout="50" @command="onHandleCommandClick">
 			<span class="layout-navbars-breadcrumb-user-link">
-				<span v-if="isSocketOpen">
-					<el-badge is-dot class="item" :class="{ 'online-status': isSocketOpen, 'online-down': !isSocketOpen }">
-						<img :src="userInfos.avatar || headerImage" class="layout-navbars-breadcrumb-user-link-photo mr5" />
-					</el-badge>
-				</span>
+				<el-badge is-dot class="item online-status">
+					<img :src="userInfos.avatar || headerImage" class="layout-navbars-breadcrumb-user-link-photo mr5" />
+				</el-badge>
 				{{ userInfos.username === '' ? 'common' : userInfos.username }}
 				<el-icon class="el-icon--right">
 					<ele-ArrowDown />
@@ -125,9 +123,6 @@ const layoutUserFlexNum = computed(() => {
 	return num;
 });
 
-// 定义变量内容
-const { isSocketOpen } = storeToRefs(useUserInfo());
-
 // 全屏点击时
 const onScreenfullClick = () => {
 	if (!screenfull.isEnabled) {