feat: implemented workspace flow

src/components/dialog/content/setting/WorkspaceSidebarItem.vue

@@ -1,16 +1,17 @@
 <template>
   <div class="flex items-center gap-2">
-    <UserAvatar class="size-6" :photo-url="userPhotoUrl" />
+    <WorkspaceProfilePic
+      class="size-6 text-xs"
+      :workspace-name="workspaceName"
+    />
 
-    <span>{{ workspaceName ?? 'Personal' }}</span>
+    <span>{{ workspaceName }}</span>
   </div>
 </template>
 
 <script setup lang="ts">
-import UserAvatar from '@/components/common/UserAvatar.vue'
-import { useCurrentUser } from '@/composables/auth/useCurrentUser'
+import WorkspaceProfilePic from '@/components/common/WorkspaceProfilePic.vue'
 import { useWorkspace } from '@/platform/workspace/composables/useWorkspace'
 
-const { userPhotoUrl } = useCurrentUser()
 const { workspaceName } = useWorkspace()
 </script>