chore: update prettier and simplify config (#7589)

#### What type of PR is this?

/area ui
/kind cleanup

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

Upgrade Prettier and related plugins, and simplify Prettier configuration.

Now, formatting for all packages will be managed by Prettier in the project root directory.

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

```release-note
None
```

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

@@ -329,7 +329,7 @@ function handleCopyFromLayout(breakpoint: string) {
     </h2>
     <div
       class="hidden sm:block"
-      :class="{ 'opacity-50 !cursor-progress': isLoading }"
+      :class="{ '!cursor-progress opacity-50': isLoading }"
     >
       <VTabbar
         :active-id="selectBreakpoint"