[halo-dev/halo]为aside添加可折叠效果

实际体验之后的一些建议：

1. 折叠按钮的位置有点突兀

   

2. 折叠之后的图标似乎没有居中。

   

3. 如果遇到分组文字过长，会有样式问题

   

   我的建议是可以将折叠后的宽度调高一点，给分组的文字多留一点空间，如果还超出一样，可以加上 ...

4. 切换到某些菜单项的时候，折叠状态会恢复，比如用户。

5. 刷新页面之后，折叠状态会恢复，建议将这个状态缓存到 localStorage，可以使用 vueuse 的 useLocalStorage

6. 切换折叠状态时，菜单的动画和内容区域的变化不协调，可以考虑同一给内容区域加上动画。其次，动画速度可以在快一点。

   

修改折叠后的样式和折叠器的位置，改变logo位置居中。

1. 折叠前效果如下：
2. 折叠后的效果：
3. 同时也增加了内容区域动画

下面是一些建议：

1. 建议为折叠按钮增加 cursor: pointer;
2. 折叠之后展示为图标，用户可能不清楚目标功能是什么，建议使用 floating-vue 在用户鼠标悬浮在某个图标上时，给予提示。