fix: use primary color in missing places

Author: habibayman

app/components/profile/ProfileInfo.vue

@@ -64,7 +64,7 @@ const modifiedMutualUsers = computed(() => {
           :href="userProfile?.websiteUrl"
           target="_blank"
           rel="noopener noreferrer"
-          class="text-brand-blue me-2 flex items-center gap-1 hover:underline"
+          class="text-primary me-2 flex items-center gap-1 hover:underline"
           data-cy="profile-website-url"
         >
           <Icon class="text-muted-foreground" name="ic:sharp-link" size="18" />

app/components/tweet/composer/Toolbar.vue

@@ -136,7 +136,7 @@ const handleEmojiSelect = (emoji: EmojiSelectEvent) => {
       <UiButton
         variant="tweet-icon-blue"
         :title="$t('tweet.composer.media')"
-        class="media-btn text-brand-blue"
+        class="media-btn text-primary"
         size="icon-md"
         :disabled="!canAddMedia"
         @click="handleMediaClick"
@@ -146,7 +146,7 @@ const handleEmojiSelect = (emoji: EmojiSelectEvent) => {
       <UiButton
         variant="tweet-icon-blue"
         :title="$t('tweet.composer.gif')"
-        class="text-brand-blue"
+        class="text-primary"
         size="icon-md"
         :disabled="!canAddMedia"
         @click="handleGifClick"
@@ -159,7 +159,7 @@ const handleEmojiSelect = (emoji: EmojiSelectEvent) => {
           <UiButton
             variant="tweet-icon-blue"
             :title="$t('tweet.composer.emoji')"
-            class="text-brand-blue"
+            class="text-primary"
             size="icon-md"
           >
             <Icon name="heroicons:face-smile" size="20" />