chore: organize and fix imports (#6152)

#### What type of PR is this?

/area ui
/kind improvement
/milestone 2.17.x

#### What this PR does / why we need it:

重新组织和固定 UI 部分代码的 imports 导入，防止后续因为 imports 的顺序造成不必要的 diff。

基于：https://github.com/halo-dev/halo/pull/6151

#### Does this PR introduce a user-facing change?

```release-note
None
```

ui/console-src/modules/dashboard/Dashboard.vue

@@ -110,6 +110,7 @@
   </VModal>
 </template>
 <script lang="ts" setup>
+import { usePermission } from "@/utils/permission";
 import {
   IconAddCircle,
   IconCloseCircle,
@@ -122,11 +123,10 @@ import {
   VSpace,
   VTabbar,
 } from "@halo-dev/components";
-import { ref } from "vue";
 import { useStorage } from "@vueuse/core";
 import { cloneDeep } from "lodash-es";
+import { ref } from "vue";
 import { useI18n } from "vue-i18n";
-import { usePermission } from "@/utils/permission";
 
 const { t } = useI18n();
 const { currentUserHasPermission } = usePermission();