refactor: theme usage and dropdown logo color

components/UserProfile/DropdownContent.vue

@@ -73,7 +73,7 @@ const links = computed(():UserProfileLink[] => {
   <div class="flex flex-col gap-y-8px min-w-300px max-w-350px">
     <header class="flex flex-row items-center justify-between mt-8px mx-8px">
       <h2 class="text-18px leading-none flex flex-row gap-x-8px items-center justify-between">
-        <BrandLogoConnect class="w-[120px]" />
+        <BrandLogoConnect gradient-start="currentcolor" gradient-stop="currentcolor" class="text-beta w-[120px]" />
         <UpcBeta />
       </h2>
       <span v-if="myServersEnv || devEnv" class="flex gap-x-4px cursor-default">
@@ -94,7 +94,6 @@ const links = computed(():UserProfileLink[] => {
         <UpcKeyline />
       </li>
 
-      
       <UpcDropdownConnectStatus v-if="!stateData.error && registered && pluginInstalled" />
 
       <template v-if="links">