refactor: responsiveness

components/UserProfile/DropdownContent.vue

@@ -70,7 +70,7 @@ const links = computed(():UserProfileLink[] => {
 
 <template>
   <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">
+    <header v-if="pluginInstalled" 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 gradient-start="currentcolor" gradient-stop="currentcolor" class="text-beta w-[120px]" />
         <UpcBeta />

components/UserProfile/DropdownWrapper.vue

@@ -1,5 +1,6 @@
 <script lang="ts" setup>
 // shadow-[var(--ring-offset-shadow)_var(--ring-shadow)_var(--shadow-beta)]
+//  border border-solid border-beta/5
 </script>
 
 <template>