fix: mainAppRef inject logic

src/components/RightSideButtons/RightSideButtons.vue

@@ -1,11 +1,9 @@
 <script setup lang="ts">
-import type { Ref } from 'vue'
 import type { HoveringDockItem } from './types'
 import { settings } from '~/logic'
 
 const emit = defineEmits(['settings-visibility-change'])
-
-const mainAppRef = inject('mainAppRef') as Ref<HTMLDivElement>
+const { mainAppRef } = useBewlyApp()
 
 const hoveringDockItem = reactive<HoveringDockItem>({
   themeMode: false,