feat: 添加用户设置页面及相关功能，更新用户头像组件

src/components/ui/avatar/index.vue

@@ -0,0 +1,21 @@
+<script lang='ts' setup></script>
+
+<template>
+  <ion-avatar v-bind="$attrs">
+    <img
+      src="https://api.iconify.design/material-icon-theme:bruno.svg"
+      alt="Avatar"
+    >
+  </ion-avatar>
+</template>
+
+<style lang='css' scoped>
+ion-avatar {
+  background-color: #7e5cff;
+}
+@media (prefers-color-scheme: dark) {
+  ion-avatar {
+    background-color: #7e5cff;
+  }
+}
+</style>