Make bootstrap icons offline and add them to ci: prefix icons

frontend/components/profile/global/LogoutModal.vue

@@ -43,7 +43,7 @@ const handleSubmit = () => {
     <Modal
         v-model="isShow"
         title="خروج از حساب"
-        icon="bi:arrow-bar-right"
+        icon="ci:bi-arrow-bar-right"
         contectClass="!w-[90vw] lg:!w-[35vw]"
         @close="isShow = false"
     >

frontend/components/profile/global/ProfilePageTitle.vue

@@ -21,7 +21,7 @@ const toggleSidebar = inject("toggleSidebar");
     >
         <div class="flex items-center w-full gap-3 lg:w-1/2">
             <button class="flex-center lg:hidden" @click="toggleSidebar">
-                <Icon name="bi:chevron-right" size="18" class="**:fill-black" />
+                <Icon name="ci:bi-chevron-right" size="18" class="**:fill-black" />
             </button>
             <p class="font-semibold text-sm lg:text-lg text-black">
                 {{ title }}

frontend/components/profile/global/ProfileSidebar.vue

@@ -19,35 +19,35 @@ const route = useRoute();
 
 const profileLinks = ref([
     {
-        icon: "bi:person-vcard",
+        icon: "ci:bi-person-vcard",
         title: "پروفایل",
         path: { name: "profile" },
     },
     {
-        icon: "bi:map",
+        icon: "ci:bi-map",
         title: "آدرس ها",
         path: { name: "profile-addresses" },
     },
     {
-        icon: "bi:cart",
+        icon: "ci:bi-cart",
         title: "خرید ها و سفارش ها",
         path: { name: "profile-purchases-and-orders" },
         matchPattern: /^profile-purchases-and-orders/,
     },
     {
-        icon: "bi:bookmark",
+        icon: "ci:bi-bookmark",
         title: "علاقه‌مندی ها",
         path: { name: "profile-saved-products" },
         matchPattern: /^profile-saved-products/,
     },
     {
-        icon: "bi:ticket",
+        icon: "ci:bi-ticket",
         title: "تیکت ها",
         path: { name: "profile-tickets" },
         matchPattern: /^profile-ticket/,
     },
     {
-        icon: "bi:bell",
+        icon: "ci:bi-bell",
         title: "اعلانات",
         path: { name: "profile-notifications" },
     },
@@ -127,7 +127,7 @@ const toggleSidebar = inject("toggleSidebar");
                 </span>
 
                 <Icon
-                    name="bi:chevron-left"
+                    name="ci:bi-chevron-left"
                     class="transition-all"
                 />
             </NuxtLink>
@@ -140,7 +140,7 @@ const toggleSidebar = inject("toggleSidebar");
                         <span class="flex-center gap-3">
                             <div class="size-5 flex-center">
                                 <Icon
-                                    name="bi:arrow-bar-right"
+                                    name="ci:bi-arrow-bar-right"
                                     class="**:fill-danger-500"
                                 />
                             </div>
@@ -148,7 +148,7 @@ const toggleSidebar = inject("toggleSidebar");
                         </span>
 
                         <Icon
-                            name="bi:chevron-left"
+                            name="ci:bi-chevron-left"
                             class="transition-all **:fill-danger-500"
                         />
                     </button>

frontend/components/profile/index/ProfilePictureModal.vue

@@ -95,14 +95,14 @@ const resetAvatarFile = async () => {
     <Modal
         v-model="visible"
         title="عکس پروفایل"
-        icon="bi:image"
+        icon="ci:bi-image"
         iconSize="20"
         contectClass="w-full max-lg:container lg:!w-[30vw]"
     >
         <template #trigger>
             <button class="bg-black text-slate-100 rounded-full p-2 flex-center absolute -bottom-0 -right-0">
                 <Icon
-                    name="bi:pencil"
+                    name="ci:bi-pencil"
                     class="**:fill-slate-100"
                     size="12"
                 />
@@ -158,7 +158,7 @@ const resetAvatarFile = async () => {
                         >
                             <Icon
                                 v-if="updateAccountIsPending"
-                                name="bi:trash"
+                                name="ci:bi-trash"
                             />
                             <span v-else>حذف عکس</span>
                         </Button>

frontend/components/profile/notifications/notification.vue

@@ -23,7 +23,7 @@ const { formatToPersian } = usePersianDate();
         <div class="flex flex-col gap-2">
             <div class="flex items-center gap-3">
                 <Icon
-                    :name="data.notif_type == 'NEWS' ? 'bi:info-circle' : 'bi:bell'"
+                    :name="data.notif_type == 'NEWS' ? 'ci:bi-info-circle' : 'ci:bi-bell'"
                     class="lg:text-lg"
                 />
                 <h3 class="max-lg:text-sm font-semibold">{{ data.title }}</h3>

frontend/components/profile/tickets/[id]/Attachment.vue

@@ -19,7 +19,7 @@ defineProps<Props>();
         class="w-full flex items-center cursor-pointer p-2 gap-2 rounded-100 bg-slate-100 border border-slate-300"
     >
         <div class="size-10 flex-center border border-slate-300 rounded-md">
-            <Icon name="bi:pin-angle" class="**:fill-black" size="20" />
+            <Icon name="ci:bi-pin-angle" class="**:fill-black" size="20" />
         </div>
         <div class="flex flex-col gap-1">
             <span class="text-sm line-clamp-1">