perf: refine example page (#7)

完善 Console 端的示例页面，引导开发者查阅下一步的文档。

/kind improvement

<img width="1693" alt="image" src="https://user-images.githubusercontent.com/21301288/217480424-d53fdc3e-56e8-4157-8daf-decd86ae5094.png">

```release-note
None
```

Author: ruibaby

console/.eslintrc.cjs

@@ -2,14 +2,14 @@
 require("@rushstack/eslint-patch/modern-module-resolution");
 
 module.exports = {
-  "root": true,
-  "extends": [
+  root: true,
+  extends: [
     "plugin:vue/vue3-essential",
     "eslint:recommended",
     "@vue/eslint-config-typescript/recommended",
-    "@vue/eslint-config-prettier"
+    "@vue/eslint-config-prettier",
   ],
-  "env": {
-    "vue/setup-compiler-macros": true
-  }
-}
+  env: {
+    "vue/setup-compiler-macros": true,
+  },
+};

console/package.json

@@ -13,10 +13,13 @@
   "dependencies": {
     "@halo-dev/components": "^1.0.0",
     "@halo-dev/console-shared": "^2.0.0",
+    "canvas-confetti": "^1.6.0",
     "vue": "^3.2.41"
   },
   "devDependencies": {
+    "@iconify/json": "^2.2.18",
     "@rushstack/eslint-patch": "^1.2.0",
+    "@types/canvas-confetti": "^1.6.0",
     "@types/jsdom": "^20.0.0",
     "@types/node": "^16.18.0",
     "@vitejs/plugin-vue": "^3.1.2",
@@ -30,7 +33,9 @@
     "jsdom": "^19.0.0",
     "npm-run-all": "^4.1.5",
     "prettier": "^2.7.1",
+    "sass": "^1.58.0",
     "typescript": "~4.7.4",
+    "unplugin-icons": "^0.15.2",
     "vite": "^3.1.8",
     "vitest": "^0.24.3",
     "vue-tsc": "^1.0.9"