replace el-input with InputGroup

src/views/Favorites/FavoritesAvatar.vue

@@ -27,9 +27,8 @@
                 </Select>
             </div>
             <div class="favorites-toolbar__right">
-                <el-input
+                <InputGroupSearch
                     v-model="avatarFavoriteSearch"
-                    clearable
                     class="favorites-toolbar__search"
                     :placeholder="t('view.favorite.avatars.search')"
                     @input="searchAvatarFavorites" />
@@ -280,11 +279,11 @@
                                     <span>{{ t('view.favorite.avatars.new_group') }}</span>
                                 </div>
                             </TooltipWrapper>
-                            <el-input
+                            <InputGroupField
                                 v-else
                                 ref="newLocalGroupInput"
                                 v-model="newLocalGroupName"
-                                size="small"
+                                size="sm"
                                 class="group-item__input"
                                 :placeholder="t('view.favorite.avatars.new_group')"
                                 @keyup.enter="handleLocalGroupCreationConfirm"
@@ -515,6 +514,7 @@
     import { MoreFilled, Plus, Refresh } from '@element-plus/icons-vue';
     import { Ellipsis, RefreshCcw } from 'lucide-vue-next';
     import { Button } from '@/components/ui/button';
+    import { InputGroupField, InputGroupSearch } from '@/components/ui/input-group';
     import { Loader } from 'lucide-vue-next';
     import { Spinner } from '@/components/ui/spinner';
     import { storeToRefs } from 'pinia';