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

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

web/src/theme/media/personal.scss

@@ -1,8 +1,8 @@
-@import './index.scss';
+@use './index.scss' as index;
 
 /* 页面宽度小于768px
 ------------------------------- */
-@media screen and (max-width: $sm) {
+@media screen and (max-width: index.$sm) {
 	.personal-info {
 		padding-left: 0 !important;
 		margin-top: 15px;