调整首页布局，让重要信息更加清晰直观

[support1]

【BugGeeker】 在 https://github.com/istoreos/istoreos/issues/1922 发布：

1. 交换流量统计和联网信息的位置，按照习惯，左侧更适合放置重要信息
2. 网络接口状态从左右布局调整为上下布局，节约横向空间，以便显示更多的网络接口。
3. 将系统信息卡片调整到顶部，系统信息作为非常重要的数据，放在底部不方便查看，而且其他5个卡片网格布局，网络信息却铺满全屏，造成布局的不协调，而且浪费空间。
4. 如有需要，我可以提PR

调整样式后的首页如图所示：