fix: update component imports and improve Dropdown properties in AudioPlayer and ViewBreadcrumbs

frontend/components.d.ts

@@ -8,7 +8,6 @@ export {}
 /* prettier-ignore */
 declare module 'vue' {
   export interface GlobalComponents {
-    '(refactor': update component declarations and improve Calendar daily header styling)
     AboutModal: typeof import('./src/components/Modals/AboutModal.vue')['default']
     Activities: typeof import('./src/components/Activities/Activities.vue')['default']
     ActivityHeader: typeof import('./src/components/Activities/ActivityHeader.vue')['default']

frontend/src/components/Activities/AudioPlayer.vue

@@ -89,7 +89,7 @@ import VolumnHighIcon from '@/components/Icons/VolumnHighIcon.vue'
 import MuteIcon from '@/components/Icons/MuteIcon.vue'
 import PlaybackSpeedIcon from '@/components/Icons/PlaybackSpeedIcon.vue'
 import PlaybackSpeedOption from '@/components/Activities/PlaybackSpeedOption.vue'
-import Dropdown from '@/components/frappe-ui/Dropdown.vue'
+import { Dropdown } from 'frappe-ui'
 import { computed, h, ref } from 'vue'
 
 const props = defineProps({

frontend/src/components/ViewBreadcrumbs.vue

@@ -60,13 +60,14 @@
             class="flex flex-row-reverse gap-2 items-center min-w-11"
           >
             <Dropdown
-              placement="right-start"
+              side="right"
+              :offset="15"
               :options="viewControls.viewActions(item, close)"
             >
               <template #default>
                 <Button
                   variant="ghost"
-                  class="!size-5 hidden group-hover:block"
+                  class="!size-5 opacity-0 group-hover:opacity-100 pointer-events-none group-hover:pointer-events-auto transition-opacity"
                   icon="more-horizontal"
                   @click.stop
                 />