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

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

web/src/theme/media/layout.scss

@@ -1,8 +1,8 @@
-@import './index.scss';
+@use './index.scss' as index;
 
 /* 页面宽度小于576px
 ------------------------------- */
-@media screen and (max-width: $xs) {
+@media screen and (max-width: index.$xs) {
 	// MessageBox 弹框
 	.el-message-box {
 		width: 80% !important;
@@ -11,7 +11,7 @@
 
 /* 页面宽度小于768px
 ------------------------------- */
-@media screen and (max-width: $sm) {
+@media screen and (max-width: index.$sm) {
 	// Breadcrumb 面包屑
 	.layout-navbars-breadcrumb-hide {
 		display: none;