feat(user): 新增用户管理功能

- 添加用户列表页面，包含搜索、分页等功能
- 实现用户状态切换和详情查看功能
- 新增用户选择组件，用于选择用户
- 优化表格组件，支持自定义列和操作
- 添加面包屑组件，用于展示导航路径

src/components/MyTitle/MyTitle.vue

@@ -0,0 +1,77 @@
+<template>
+  <div
+    style="
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      box-sizing: border-box;
+      border-bottom: 1px solid #eee;
+    "
+  >
+    <div>
+      <div class="myTitle" :style="isBorder ? {} : { border: 'unset' }">
+        <img :src="sonSvg" alt="" class="icon" :style="iconStyle" v-if="showIcon && sonSvg" />
+        <img
+          src="@/assets/icons/bookmark-fill.svg"
+          alt=""
+          class="icon"
+          :style="iconStyle"
+          v-else-if="showIcon"
+        />
+        <span class="title">{{ title }}</span>
+      </div>
+    </div>
+    <div style="padding-right: 20px">
+      <slot name="right"></slot>
+    </div>
+  </div>
+</template>
+
+<script setup>
+  import { ref, inject } from 'vue'
+  const props = defineProps({
+    title: {
+      type: String,
+      default: ''
+    },
+    isBorder: {
+      type: Boolean,
+      default: true
+    },
+    iconStyle: {
+      type: Object,
+      default: () => ({})
+    },
+    showIcon: {
+      type: Boolean,
+      default: () => true
+    }
+  })
+  const sonSvg = ref(inject('svgData'))
+  console.log(sonSvg, 'data')
+</script>
+
+<style lang="scss" scoped>
+  .myTitle {
+    width: 100%;
+    height: 60px;
+    display: flex;
+    align-items: center;
+    user-select: none;
+    .icon {
+      width: 20px;
+      height: 20px;
+      margin-left: 20px;
+      img {
+        width: 100%;
+        height: 100%;
+      }
+    }
+    .title {
+      font-size: 16px;
+      color: #233041;
+      margin-left: 10px;
+      font-family: 'SourceHanSansCN-Medium';
+    }
+  }
+</style>