added link active and changed the logo

frontend/components/global/Select.vue

@@ -45,9 +45,7 @@ const classes = computed(() => {
             "input-solid": variant.value === "solid",
             "input-outlined": variant.value === "outlined",
             "input-effects": !error.value,
-            [variant.value === "solid"
+            [variant.value === "solid" ? "input-solid-error" : "input-outlined-error"]: error.value,
-                ? "input-solid-error"
-                : "input-outlined-error"]: error.value,
         },
         triggerRootClass.value,
     ];
@@ -61,14 +59,17 @@ const classes = computed(() => {
         :disabled="disabled || loading"
     >
         <SelectTrigger :class="classes">
-            <slot v-if="!!$slots.trigger" name="trigger" />
+            <slot
+                v-if="!!$slots.trigger"
+                name="trigger"
+            />
 
             <SelectValue
                 v-else
                 :placeholder="placeholder"
                 v-bind="$attrs"
-                :class="selectedValue ? '!text-black' : 'text-slate-400'"
+                :class="selectedValue ? '!text-black' : 'text-slate-400 font-normal'"
-                class="font-iran-yekan-x text-xs lg:text-sm text-start placeholder-slate-400"
+                class="font-iran-yekan-x text-xs lg:text-sm text-start placeholder-slate-400 placeholder:text-xs lg:placeholder:text-sm"
             />
             <Icon
                 :name="loading ? 'svg-spinners:3-dots-fade' : 'bi:chevron-down'"
@@ -83,7 +84,10 @@ const classes = computed(() => {
                 :side-offset="5"
             >
                 <SelectViewport class="p-[5px]">
-                    <slot v-if="!!$slots.content" name="content" />
+                    <slot
+                        v-if="!!$slots.content"
+                        name="content"
+                    />
 
                     <SelectGroup v-else>
                         <SelectItem
@@ -95,11 +99,12 @@ const classes = computed(() => {
                             <SelectItemIndicator
                                 class="absolute left-0 w-[25px] inline-flex items-center justify-center"
                             >
-                                <Icon name="bi:check" size="20" />
+                                <Icon
+                                    name="bi:check"
+                                    size="20"
+                                />
                             </SelectItemIndicator>
-                            <SelectItemText
+                            <SelectItemText class="text-end font-iran-yekan-x text-sm">
-                                class="text-end font-iran-yekan-x text-sm"
-                            >
                                 {{ option }}
                             </SelectItemText>
                         </SelectItem>