refactor: Replace legacy UI components with new App components across various files for improved consistency and maintainability

apps/web/src/components/nav-user.tsx

@@ -1,5 +1,5 @@
 import { useNavigate } from '@tanstack/react-router'
-import { Avatar, AvatarFallback } from '@cfdm/ui/components/avatar'
+import { AppAvatar, AppAvatarFallback } from '@/components/app-avatar'
 import {
   DropdownMenu,
   DropdownMenuContent,
@@ -36,9 +36,9 @@ export function NavUser() {
               <SidebarMenuButton size="lg" className="aria-expanded:bg-muted" />
             }
           >
-            <Avatar>
-              <AvatarFallback>АД</AvatarFallback>
-            </Avatar>
+            <AppAvatar>
+              <AppAvatarFallback>АД</AppAvatarFallback>
+            </AppAvatar>
             <div className="grid flex-1 text-left text-sm leading-tight">
               <span className="truncate font-medium">Администратор</span>
               <span className="truncate text-xs">admin</span>
@@ -54,9 +54,9 @@ export function NavUser() {
             <DropdownMenuGroup>
               <DropdownMenuLabel className="p-0 font-normal">
                 <div className="flex items-center gap-2 px-1 py-1.5 text-left text-sm">
-                  <Avatar>
-                    <AvatarFallback>АД</AvatarFallback>
-                  </Avatar>
+                  <AppAvatar>
+                    <AppAvatarFallback>АД</AppAvatarFallback>
+                  </AppAvatar>
                   <div className="grid flex-1 text-left text-sm leading-tight">
                     <span className="truncate font-medium">Администратор</span>
                     <span className="truncate text-xs">admin</span>